css基本属性

1 字体具有继承性

2 边框不具有继承性

3 背景的相关字段

   background-color:

   background-img：url（）

   background-repeat:

   background-attachment:

   background-positiong

4 控制层级关系

   z-index：n       n为几，他就在第几层

5 块级元素行级元素

  块级元素的特点： 默认显示的右上角    单独沾满一行    p  div   h1-h6  table menu  三种列表  ol li  ul li  dt dd             

  用display：inline

  行内元素的特点：不会单独占满一行   不受到高度和宽度这两个属性影响     span  a  lable img  textare  strong  input  select

   用display：block

   display：inline-block  有相互的特点

6 浮动：相互影响，相互生效

            相互影响：其中的一个样式是否可以实现，受到其左右的块影响

            相互生效：其中某个可以浮动，取决于左右的一样可以浮动

7 盒子模型要点

   padding：是指的盒子内的，为内容与盒子边框的距离。 padding的设置，是撑大其各个边的大小，而不是移动其相应的内容

   margin：是指的盒子与盒子之间的距离

8  伪元素

   p：：after{content：“请问”；  } 在p的内容最后加上“请问”  p：：fist{content：“请问”；}

   .class::fist-letter{color：red；}  class这个类下面的一个字母变色

   p：：fist-line{color：red} p的第一行内容变为红色

   ：：selection{  }对于文中选择的部分，进行变色处理

9 display：line-block  这个属性指的是，同时有行内和块级元素的特点，如img input  就是同一行显示，还可有盒模型的特点，可用用来做导航栏，并且其有一个排序的bug，必须将代码排列紧密

   display：none 与  block  可以控制其元素可见性

10 a:link，定义正常链接的样式；a:visited，定义已访问过链接的样式；a:hover，定义鼠标悬浮在链接上时的样式；a:active，定义鼠标点击链接时的样式。

11 css 字体的设定

     字体大小

     1 字体库   多个字体，需要标明字体库

     2 英文字体写在前面，中文字体写在后面

     3 定义相对大小    就给一个body定义一个大小就可以了，其他的用em来代替，中文网站的时候，字号大小，一般用双数值

     4 pc端大小最小为12，移动端最小值为20，pc默认浏览器为16

    字体重量

    1  normal  为400

    2 blod   为700

    总结书写font的顺序：协调  粗细  大小  字体

    字体样式

    text-align  left right  center  justify   默认值为start

    text-decoration  就是给字体划线的

    a{text-decoration：none} 指定超级链接的文本线无

     text-intent：缩进

    text-shadow：设置阴影效果，设定的值，依次为：水平阴影距离  垂直阴影距离  模糊程度 阴影颜色     注意，竟然可以为多组值

12 label标签，可以扩大表单的范围

    <lable><input type=“radio”>男性<lable/>         <lable><input type=“radio”>女性<lable/>         这样文字部分也可以点击了

     使用label标签的for属性将其和相关控件关联到一起，for属性的值为控件的id名

    < lable for="对应元素id的名字">标记内容<lable/>

    <input type=“cheakbox” id="agrre">

    <lable for="agrre"> 点击我，就选中了复选框 <lable/>

13 select  与 option  同时使用

     <option  selected>  <option/>

     <mutiple> 可以选择多个选项     size   规定展示的个数     <select  mutiple  size="n">

     <optgroup lable=“分组名字”>        <optgroup> 对选项进行分组    同时用lable 定义分组名称

14  字体行高  line-height    就是行间距离=（行高-字号大小）/2  即为文本的中锤线之间的距离   一般将其设定为相对大小，相对于字号的大小，设定为字号的150%-180%

15 overflow  处理内容溢出           visible  默认效果，自动溢出    hidden 溢出的内容自动隐藏，用户也没有办法查看  scroll 滚动条常在   auto  自动出现滚动条

16 文字居中，如果字符间距很大，需要用到padding           letter-spaceing   最后一个字符会增加距离    word-spaceing    最后一个词，不会增加距离

17 word-break  设定文本字内换行，主要针对数字和英文，也就是内容到了边缘可以强制换行 

18 

19 图片分为，内容图片和背景图片   内容图片是有站位的，背景图片没有站位的