css

3种引入方式

内嵌   <div style="color:red;font-size:30px">你好</div>

内部  <style type="text/css">

              div{color:red;font-size:30px;}

         </style>

外部   <link rel="stylesheet" type="text/css" href="my.css"/>

选择器{ 属性名：属性值；}

层叠样式表  

层叠---刷墙

1、css写法：

第一行： @CHARSET "UTF-8";

第二行： body{font-family: Arial,Helvetica,宋体;}

第三行： .clear{clear:both} 与html代码<div class="clear"></div>对应。

第四：     只要有浮动，父类就要overflow:hidden; 父类div清除子类的影响（一个浮动，两个清除，因为浮动会影响margin等的效果，所以相邻的div间距的设置在没有浮动的div中 。如果写在有浮动的div中，且写在父div中，那么子div的浮动会影响父div，要清除浮动。）

2、css注释：/**/

3、属性先从父div开始写，即父div优先，如果写在父div不能起作用，就往内写。

4、显示属性display:代表元素是否显示属性值：none:不显示block:块级显示inline:行显示block与inline的区别：block占据整行 inline在一行内显示inline:行显示，可以使h1、ul等显示在一行。

5、让div居中： margin:0 auto; 文本在div中居中： text-align:center

6、用ul作为菜单

7、span没有margin、padding，无论在什么布局中。给span加text-align:center span是行内块标签，内部内容居中，看不出来。

8、<style type="text/css>type这句话表示告知浏览器用css解析器去解析css代码。

9、id唯一，虽然起了相同的id名字可以实现效果，但是不建议这样用。class可以重复。

10、每个css属性结尾要写；号，即使最后面没有属性了，这是经验。

11、font-size能把所有文本变小，包括符号，比如 |。color改变所有元素颜色。

12、图片往下移 margin-bottom:-5px。

13、line-height 行高，相当于word行高。

---

<div id="turn" class="turn">

        <ul>

            <li class="dis"><a>上一页</a></li>

        </ul>

</div>

查找a标签时，可以写成 .content .turn ul .dis a{ } 。

也可以写成， .content .turn ul li.dis a{ }，如果这么写，那么li和 .dis之间没有空格。

---

1.css基本语法是什么

    选择器 { 属性：属性值 。。。}

3.外部导入与@import有什么区别

    1、link所有浏览器都支持，import部分浏览器不支持

    2、@import等html加载完再加载，link是瀑布式加载

    3、import不支持js的动态修改

4.Css选择器的作用是什么,并说出常见三种选择器。

    作用：可以精确的定位到某一个html标签。

    类选择器、id选择器、元素选择器

5.display=none与visibility=hidden有什么区别

    visibility=hidden隐藏，该元素占据一定空间。

    display=none视为不存在，该元素不占空间，且不加载。

6、瀑布式加载：从上到下，从左到右。

---

优先级

css的优先级比标签里的属性高

转载于:https://my.oschina.net/zuodev/blog/662545