您的位置:首页 > 其它

文章标题

2016-12-09 11:07 281 查看
一、方式
1.内联方式:
定义在单个的html元素中(<p style="color:red">"),简单直观,但是不具重复性,不能体现结构与样式相分离。
2.内部样式表:
定义在html的头元素head中,(<style> p{color:red}</style>),只用于当前页面,且并没有真的实现结构与样式分离。
3.外部样式表
定义在一个外部的css文件中(.css),由html引用样式表文件( <link rel="stylesheet"  type="text/css" href="1.css"/>)
真正实现了结构与样式分离,方便样式的维护。
二、优先级(由低到高)
1.浏览器缺省设置(默认设置,如a,hn标签的颜色等),
2.内部样式表或者外部样式表(就近原则),


3.内联样式。

4.加!important可以违背上面的规律,优先级会变成最高,语法:color:blue;——>color:blue !important; 这个方法慎用,少用,因为后面想改样式很容易忘记前面定义过却找不到错。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: