m0_61219786的博客

表格 文章目录表格常用属性表格的样式大小对齐边框之间的距离用伪元素美化表格 用来表示一些格式化的数据 ​ 课程表、人名单、成绩单…… <table> <tr> <!--一个tr为一行--> <td></td> <!--一个td为一个单元格--> <td colspan="2"></td><!--横向合并单元格--> <td rows

文章目录背景背景渐变线性渐变方向颜色重复线性渐变径向渐变大小位置背景图片重复方式位置方位词偏移量大小雪碧图背景范围背景的移动背景相关的简写属性 背景 background-color:red;/*背景颜色*/ background-imge:url("./img/6.png");/*背景图片*/ /*可以同时设置背景图片和背景颜色，此时背景颜色会成为图片的背景色*/ 当背景的图片小于元素，则背景图片会在元素中将元素平铺 当背景图片小于元素，将有无法完全显示 背景渐变 线性渐变 设一些复杂的背景颜色，

文章目录单位长度颜色 单位 长度 像素 px 同样的200px在不同的设备下或许会显示效果不一样 百分比 % 设置百分比可以使子元素随父元素的改变而改变 em 是相对于元素的字体大小来计算的 1em=1font-size rem 是相对于根元素的字体大小来计算的（html内的） 颜色 颜色名 red、orange、yellow、blue、green…… color:red; RGB值 光的三原色的不同的浓度调配 red green blue

文本的样式 文章目录文本的样式对齐水平垂直文本的修饰线处理元素中的空白 对齐 水平 text-align:left; /*左对齐*/ text-align:center; /*居中对齐*/ text-align:right; /*右对齐*/ text-align:justify; /*两端对齐*/ 垂直 vertical-align:baseline;/*基线对齐*/ vertical-align:top; /*顶部对齐*/ vertical-align:bottom; /*底部对齐*/ vertica

字体（font） 文章目录字体（font）图标字体（iconfont）通过类设置图标字体通过伪元素设置图标字体通过实体设置图标字体行高（line height）字体框字体属性的简写字体加粗字体风格 color：字体颜色、前景色 color:#dfc; font-size：字体大小 fontt-size:2em; /*当前元素的2个font-size*/ fontt-size:3rem;/*根元素的3个font-size*/ font-family：字体样式 [中文要加" "] 可以同

定位 position ​ 定位是一种更高级的布局手段 ​ 通过定位可以可以将元素摆放到页面的任意位置 文章目录定位相对定位绝对定位固定定位粘滞定位绝对元素的定位元素的层级（z-index） position:static; /*默认值，元素是静止的没有开启定位*/ position:relative; /*开启元素的相对定位*/ position:static; /*开启元素怒的绝对定位*/ position:static; /*开启元素怒的固定定位*/ position:static; /*开始其元

浮动 通过浮动可以使一个元素向其父元素的左侧或右侧移动 主要作用就是让页面中的元素可以水平排列 文章目录浮动元素设置浮动后，水平布局的等式便不需要强制成立浮动的其它特点高度塌陷BFCclearclearfix用after伪类解决高度塌陷问题 使用float属性来设置元素的浮动 none 不浮动 left 元素向左浮动 right 元素向右浮动 元素设置浮动后，水平布局的等式便不需要强制成立 元素设置浮动后，会完全从文档流中脱离，不再占据文档流的位置 所以元素下边的还在文档流中的元

选择器 文章目录选择器常用选择器标记选择器类选择器id选择器全局选择器复合选择器交集选择器并集选择器关系选择器属性选择器伪类选择器伪类（不存在的类，特殊的类）伪元素选择器的权重 常用选择器 标记选择器 以HTML文档中得标记作为选择器符号，方便将相同的标记设成统一的样式。 p{font-size:16px;color:red;} /*段落红色、16像素*/ 类选择器 将HTML文档中的标记进行分类，通过设置标记的class属性来指定器样式。 .classname{样式声明}或标记.clas

盒子模型 文章目录盒子模型内容区（content）内边距（padding）边框（border）外边距（margin）盒子的水平方向的布局盒子垂直方向的布局垂直外边距的折叠（重叠）行内元素的盒模型改变元素属性displayvisibility盒子的大小轮廓和边角 box model CSS将页面中的所有元素都设置为了一个矩形的盒子 将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置 内容区（content） 元素中的所有的子元素和文本呢内同都在内同区中排列 内容区的大小由widt