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简单案例 案例 代码： <...