CSS布局与定位概述内容盒子模型页面元素的大小边框与其他元素的距离定位机制文档流浮动定位层定位盒子模型注：页面上的区域、图片、导航、段落，都可以是盒子，占据着一定的空间。盒子模型组成content内容height高度width宽度border边框padding内边距：边框和内容之间的空白距离。margin外边距：两个边框之间的距离。图例：一个盒子的实际宽度、高度 = content+padding+border+margin案例：代码：&

文字样式一、基本单位px 像素em 字符（自动适应用户所使用的字体）% 百分比（不同情况下相对值不同）二、颜色red，blue，green：三基色rgb(x,x,x)：RGB值，每个颜色分量取值0~255,红色：rgb(255,0,0)；灰色：rgb(66,66,66)rgb(x%,x%,x%)：RGB百分比值，效果如上，只是度量不同蓝色：rgb(0,100%,0)rg...

CSS选择器一、标签选择器功能：样式\选择器的名字就是标签的名字代码：body{background-color: aquamarine; text-align: center; font-size: 15px;}h1{font: "黑体";font-size: 20px;}p{color: red;font-size: 16px;}hr{width: 200px;}&l...

CSS概述及添加方法一、CSS样式HTML标签 属性——网页的内容和样式HTML：网页的内容CSS：内容的样式内容和样式相分离，便于修改样式，而不会影响内容的部分。样例仔细看这两张图片，他们的风格和样式是截然不同的，但是你仔细观察他们的内容，会发现他们有着相同的结构和内容，因为他们有着相同的HTML部分和不同的CSS部分。二、CSS简单案例案例代码：<...