css

CSS
???-在每个标签上可以设置style属性

???-编写css样式
　1）标签的style属性

　2）写在head里面，style标签中写样式
???　　-id选择器

　　　　#i1{　　　　　　background-color: blue;　　　　　　height: 40px　　　　}

　　- .名称

　　　　.c1{　　　　　　background-color: blue;　　　　　　height: 40px　　　　}

　　<标签 class="名称"> </标签>
???
???????????　　-标签选择器

　　　　div{　　　　　　background-color: blue;　　　　　　color:white;　　　　}

　　　　所有div标签内容都被赋予背景和字体颜色

　　-层级选择器（用空格分开）

　　　.c1 .c2 div{　　　　}

　　-组合选择器（用都好分开）

　　　　#i1,#i1,div{　　　　　　}

　　-属性选择器
　　　　对选择到的标签再通过属性再进行一次筛选

　　　　.c1[n="hsj"]{width:500px;height:250px;}

　　　　PS:标签上的style优先，编写顺序，就近原则

　　3）css样式可以写在单独文件中

　　　　<link rel="stylesheet" href="文件名称.css"/>

　　4）注释
???　　　　/* ??*/

　　5)边框
???　　　　style="border:6px dotted red;" 边框，样式，颜色

　　6）
???????????　　　　height ??????????高度 百分比
???????????　　　　width ???????????宽度 像素，百分比
???????????　　　　text-align:ceter ?水平方向居中
???????????　　　　line-height ?????垂直方向根据标签高度
???????????　　　　color ???????????字体颜色
???????????　　　　font-size ???????字体大小
???????????　　　　font-weight ?????字体加粗

　　7）float
???????????　　　　让标签飘起来，块级标签也可以堆叠
???????????????　　　　<div style="clear: both;"></div>

　　8）display
???????????　　　　display: none;    让标签消失
???????????　　　　display: inline;
???????????　　　　display: block;
???????????　　　　display: inline-block;
?????????????　　　　　　　具有inline,默认自己有多少占多少
?????????????　　　　　　　具有block，可以设置高度，宽度，padding，margin

???????????　　　　行内标签：无法设置高度，宽度，padding ?margin
???????????　　　　块级标签：可以设置高度，宽度，padding ?margin

　　9）padding ?margin
???　　　　内边距：margin:0 auto   当前div居中
???　　　　外边距：padding

　　10）
???????　　　　opcity: 0.5 透明度
???????　　　　z-index: 层级顺序 ??
???????　　　　overflow: hidden：隐藏超出范围的图片,auto：超出范围出现滚动条