1. 简介css：css主要作用时美化网页，布局页面的，css是层叠样式表的简称，有时我们也能称css样式表或级联样式表，css也是一种标记语言。
2. Css选择器包括：基础选择器和复合选择器。选择器{}，声明都是以键值对的形式存在的。
3. 基础选择器：标签选择器，类选择器，id选择器，通配符选择器。
(1) 类选择器：给html中随便一个标签中声明一个class属性，属性值就是类名，例如：
<p class="box"></p>
一个标签可以声明多个类名：例如：
<p class="box one"></p>
然后在css选择是.+类名进行选择：例如：
.box{
color:aqua
}
(2) 标签选择器：就是以HTML的标签作为选择器。例如：
p {
color: aqua;
}
(3) 通配选择器；通配符选择器使用*定义，它表示选取页面中所有元素。例如：
* {
color: aqua;
}
(4) id选择器：给HTML随便一个标签中声明id属性其属性值就是id值，例如：
<p id="box"></p>
然后在css中选择方式为#+id名称，例如:
#box{
color: aqua;
}
4.复合选择器：复合选择器是建立在基础选择器之上的，对基础选择器进行组合形成的。特点：复合选择器可以更准确的更高效的选择目标标签。复合选择器是由两个或者多个基础选择器，通过不同的方式组合而成的。常用的复合选择器：后代选择器，子选择器，并集选择器，伪类选择器等等。
(1)后代选择器：后代选择器又称为包含选择器，格式：元素1 元素2{样式声明} 元素与元素之间一定要用空格空开，元素1必须是父元素，元素2可以是儿子，孙子等等。例如：
ol li {
color: aqua;
}
(2)子选择器：子选择器只能选择某元素的最近一级子元素，简单理解就是亲儿子，格式：元素1（父元素）>元素2（子元素，亲儿子），例如：
div>a{
color: brown;
}
(3)并集选择器：并集选择器可以选择多组标签，同时为他们定义相同的样式，通常用于集体声明。格式：元素1，元素2{样式构造}，例如：
div,
p {
color: brown;
}
(5) 伪类选择器用于向某些选择器添加效果，比如给链接添加特殊效果，特点：伪类选择器最大得到特点是用冒号表示，例如：
鼠标经过时的颜色
a:hover{
color: darkgreen;
}
鼠标摁下某个链接是的颜色
a:active{
color: gold;
}
(6)focus伪类选择器：用于选取获得焦点的表单元素，焦点就是光标，一般情况下<input>类表单元素才能获取，例如：
input:focus{
background-color: aqua;
}
4.文本属性：文本属性可以定义文本的外观，比如颜色，对齐文本，装饰文本，文本缩进等等。例如：
(1)文本颜色属性为color：
color: aqua;
(2)对齐文本属性为text-alin：
text-align: center;
(3)装饰文本属性为text-decoraion：
/* 下画线 */
/* text-decoration:underline; */
/* 上划线 */
/* text-decoration: overline; */
/* 删除线 */
/* text-decoration: line-through; */
(4)文本缩进属性为text-indent：是将段落的首行缩进，其单位基本上都是用em，相当于一个单位就是一个文字的大小，例如：
text-indent: 2em;
(5)行间距属性为line-height：
line-height: 12px;
5.字体属性：字体属性可以定义颜色，大小等等。例如：
(1)字体系列属性为font-family：
font-family: '宋体';
(2)字体大小属性为font-size：属性值的单位一般常用px（像素）大小是我们网页的最常用的单位，谷歌浏览器的默认值大小为16px，标题比较特殊，需要单独指定文字大小，例如：
font-size: 16px;
(3)字体的粗细属性为font-weigh：属性值可以为：bold定义粗体字体，bolder定义更粗的字体，lighter定义为更细的字体 由细到粗：100-900 400等同于normal 而700等同于bold，例如：
font-weight: bolder;
(4)字体风格属性为font-style：例如：
font-style: italic;
(5)字体复合属性：复合属性的格式，节约代码 不能颠倒顺序，结构：font：font-style font-weigh font-size/line-height font-family， 不需要的字体属性可以省略，但是大小和系列不能省略，例如：
font: italic 700 19px '雅黑' ;
5.css背景属性为background：背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置等等。
(1)背景颜色属性为background-color：属性值：属性值为transparent为透明，例如：
/* background-color: transparent; */
background-color: aliceblue;
(2)背景位置属性为background-position：方位名词1 方位名词2：两个方位名词顺序反正都行，如果指定了一个方位名词，另一个值省略，则第二个值默认居中对齐，例如：
background-position: center left;
(3)背景图片属性为background-image：url（）：例如：
background-image: url(222.png);
(4)背景图片精准位置：如果时精准单位坐标，那么第一个则是x坐标，第二个则是y坐标，如果只指定一个参数那么一定是x轴，y轴默认为center，例如：
background-position: 20px 50px;
(5)背景平铺属性为background-repeat：属性值：当属性值为no-repeat时为背景不平铺，当属性为repeat-x时为背景沿着x轴平铺，例如：
background-repeat:repeat-x;
(6)背景固定属性为background-attachment：属性值：放属性值为fixed时背景图像固定，当属性值为scroll时背景图像滚动，例如：
/* 背景图像固定 */
background-attachment: fixed;
/* 背景图像滚动 */
background-attachment:scroll;
(7)背景半透明属性为background：rega（0，0，0，alpha）：最后一个参数为alpha透明度，没有单位，范围在0-1之间，可以简写为.2=0.2.。例如：
background:rgba(0,0, 0, 0.5);
(8)背景属性复合写法：
background: rgb(255, 255, 255) url(222.png) norepeat fixed top center;
6.HTML元素显示模式：
(1)什么时元素的显示模式：元素显示模式就是元素（标签）以什么方式进行显示，比如：<div>自己占一行可以放多个<span>元素，HTML元素一般分为块元素和行内元素两种各类型。
(2)常见的块元素优<h1>-<h6>,<p>,<div>,<ul>,<ol>等等，其中<div>标签是最为典型的块元素，块元素的特点：自己独占一行，高度，宽度，外边距，内边距等等都可以人为控制的，块元素一般宽度默认都是自己父元素的100%，块元素是一个容器盒子，里面可以放很多行内过着块级元素，注意：文字类的元素内不能使用块级元素，<p>标签主要存放文字，因此里面不能放块级元素<h1>-<h6>标签也不能。
(3)常见的行内元素：<a>,<strong>,<b>,<em>,<i>,<span>等等其中，<span>标签为典型的行内元素，也成为内联元素。特点：相邻的行内元素在一行上，一行上可以显示多个行内元素，高度，宽度不能被人为控制，默认的宽度就是它本身的宽度，行内元素只能容纳文本或者其他行内元素。注意：链接里边不能再放链接，<a>里面可以放块级元素，但是一般情况下，把<a>标签转换为行内块元素最好。
(4)行内块元素：特殊标签<img>,<input>,<td>同时具有块元素和行内元素的特点，变成行内块元素后，他们可以设置高度，宽度，外边距等等，但是两个行内块元素还是会在一行上显示，这个需要注意。
(5)元素模式之间的转换，转换的属性为display：属性值：行内元素可以转换为块级元素和行内块元素，相同其他俩个也可以转换为行内元素，当属性值为block的时候，可以把行内，行内块转换为块级元素，当属性值为inline时，把当前元素转换为行内元素，当属性值为inline-block时，可以把当前元素转换为行内块元素，例如：
display: block; display: block; display: inline-block;
7.css三大特性：层叠行 继承性 优先性
(1)层叠行原则：样式冲突准寻就近原则，样式不冲突不会层叠，例如：
div{
color: darksalmon;
}
div{
color: rgb(41, 16, 8);
}
这里就会选择题二个人，就近原则。
(2)继承性：行高的继承：
div{
font: 12px/1.5 '雅黑';
}
子元素继承了父元素div的行高1.5，这里的1.5指的是当前文字大小的1.56呗。
(3)优先级：选择器相同，根据层叠行选择。选择器不同，根据选择器的权重选择。权重大小：小-大：继承或者*(0)，元素选择器(1)，类选择器和伪类选择器(10)，id选择器(100)，行内样式style(1000)，！important(10000)。优先级的几个注意事项：权重是由4组数字组成的，但是不会有进位，可以理解为类选择器用大于元素选择器，id选择器永远大于类选择器,。但是特别注意：a链接不会继承父亲的元素。
8..块级元素盒子边框属性border：
(1)边框的粗细border-width：属性值为数值，单位是px：例如：
border-width: 10px;
(2)边框的样式border-style：属性值：属性值为solid边框为实线，属性值为dashed边框为虚线，属性值为dotted时边框为点线边框。例如：
/* 边框实线 */
/* border-style: solid; */
/* 边框虚线 */
/* border-style: dashed; */
/* 点线边框 */
/* border-style: dotted; */
(3)边框的复合写法:例如：
border: 1px dotted red;
(4)边框会影响盒子的大小：假如盒子的大小为200*200，如果加一个10px的边框则盒子的大小会变成220*200Px的盒子。
！！！会一直更新的！！！会改进的！！！
438
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
