CSS: Cascading Style Sheet(层叠样式表)

来源:互联网 发布:网络成瘾的心理危害 编辑:程序博客网 时间:2024/06/05 10:11

CSS: Cascading  Style  Sheet(层叠样式表) w3c手册


css的样式分类:

1. 行内样式:<标签名  style=属性名1:值1;…….  >。。。。</标签>

2.内部样式:<style>  选择器{属性名1:值1;…….}</style>

3. 外部样式: 是一个独立的css文件,通过html文件中link标签引入到当前网页中  如下

     a)        <link rel="stylesheet" type="text/css" href="abc.css" />

     b)        abc.css文件中的语法是:选择器{属性名1:值1;.}

4, 导入样式:也是一个独立的css文件,但是在css文件中通过@import命令进入(导入)到该css文件中 自然该css文件也会被html文件引入  

     a)        html文件中:<link rel="stylesheet" type="text/css" href="abc.css" />

     b)        abc.css文件中:@import url("def.css");

注意:

     1, 他们的优先级就是上述列出来的顺序,前面的更优先(通常就是就近原则)可以自己去测试验证

     2, 通常,行内样式和导入样式不太使用。


以下是css重要知识 详细讲解在本博客其他文章里

选择器形式和分类

盒子模型 元素框模型

浮动

元素定位

0 0
原创粉丝点击