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-sizerem是相对于根元素的字体大小来计算的（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 modelCSS将页面中的所有元素都设置为了一个矩形的盒子将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置内容区（content）元素中的所有的子元素和文本呢内同都在内同区中排列内容区的大小由widt