整理关于CSS笔记

关于CSS作用：A.快速维护页面元素的样式属性

B.弥补HTML元素的属性不足

CSS又被称作层叠样式表。

关于CSS的元素属性：

一：

首先是长度单位：A.宽度、高度用px(像素)，也可以用%(百分比)。建议使用固定值：width:200px;height:200px;

B.字体大小用pt(磅)表示

其次就是颜色单位：A.颜色的直译英文名称，如：red(红)、green(绿)、blue(蓝).....

B.十六进制表示法：#ff0000

C.简写十六进制：#f00

D.RGB表示法：rgb(255,0,0)

E.百分比RGB：rgb(100%,0%,0%)

二：

1.宽度和高度：

大部分元素都会用到这两个属性-------> width(设置宽度)、height(设置高度)

例：width:200px;height:200px;

2.边框：

border属性，设置边框的宽度、线性、颜色都有线性这个属性，我们最多用到的无疑就是在和中了。

表格(table)和盒子(div)因为看不到它的大小，我们一般都会用border设置显示出边框线

例：border:2px solid red;

这样我们可以看到一个2个像素的红色实线出现在你的表格中。这样就可以清晰的看到表格样式了。

在border中还可以给上下左右单独设置边框线：

border-top:宽度 线型 颜色;border-bottom:宽度 线型 颜色;

border-right:宽度 线型 颜色;border-left:宽度 线型 颜色;

线性我们有三种：none(无)|solid(实线)|dotted(点划线)

3.内边距

就是设置表格或者盒子内的边距，可以设置单独上下左右和边框相同，这里不列举。

例：padding-top:5px;上侧内边距

padding:5px;四个方向的内边距都是5px

padding:5px(上) 5px(左右) 5px(下);

padding:5px(上) 5px(右) 5px(下) 5px(左);

4.外边距

设置外部的边距，可单独设置上下左右。

例：margin-top:5px;上侧外边距

margin:0 auto;(让外编剧为0，auto为网页自动计算居中)

margin:5px(上下) 5px(左右);

margin:5px(上) 5px(左右) 5px(下);

margin:5px(上) 5px(右) 5px(下) 5px(左);

5.控制元素的显示方式属性

可以控制元素不显示，或者以什么方式显示出来。如果不显示在此元素style中加入即可：

例：dispaly:none(不显示)|inline(内联对象)|block(块级对象);

HTML的标记种类为----->内联对象：不能自然换行

块级对象：可以自然换行

这是我自己的小小总结，欢迎大家提出不同看法和建议。

女孩的裙摆撑得起所有温柔和盛夏

最可怕的是你庸庸碌碌过一生，还骗自己平淡才是真

我不怕千万人阻挡，只怕自己投降

当你停下来休息的时候，不要忘记别人还在奔跑。

放轻松 就当漫游地球

别害怕 宇宙都温柔

祝愿前程似锦~

青春就像一只容器，装满了不安躁动青涩与偶尔的疯狂。

坚持梦想，你会成功的

做一个比昨天更好的人，是给自己最好的礼物。

能让人成长的绝对不是停留在舒适圈

要先把手放开，才抓得住精彩的未来

学习使我快乐！！！

天再高又怎样，踮起脚尖就更接近阳光。

用这生命中的每一秒，给自己一个不后悔的未来。

加油加油                        

做一个比昨天更好的人，是给自己最好的礼物。