您的位置：首页 > Web前端 > CSS

关于CSS样式的一些小结

2016-08-02 09:44 155 查看
1.CSS代码语法：CSS样式由选择器和声明组成，声明又由属性和值组成，在英文大括号“{ }”中的就是声明，属性和值之间用英文冒号分隔，当有多条声明时，中间可以用英文分号分隔：

                                p{color:red;font-size:20px;'}
2.内联式CSS：A.CSS代码要写在要实现效果的文字内容之前的开始标签里;

                             （正确:<p style="color:red">文字内容</p>

                              错误：<p>文字内容</p=style="color:red">）

                          B.要用style；

                          C.这个标签可以是<p>标签，也可以是<sapn>标签；
3.嵌入式CSS：应用于多个需要实现效果的内容，用一条CSS代码；

                           A.语法：<style type="text/css"></style>

                           B.嵌入式CSS样式必须写在<style></style>之间，并且一般情况下也都是写在<head></head>之间;

                             例：<style type="text/css">

                                    span{color:red}

                                   </style>

                            注意：span要用花括号
4.外部式CSS：外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。

                           A.语法：<link href="main.css" ref="stylesheet" type="text/css">

                           B. ref="stylesheet" type="text/css是固定写法不可修改；


三种方法的优先级：内联式 > 嵌入式 > 外部式
注意：

1.上式成立的前提是：这三者的权值要相等（也就是分别进行权值的相加：标签的权值为1，类选择器的权值为10，id选择器的权值为100）；

2.嵌入式 > 外部式有一个前提：嵌入式CSS样式的位置一定要在外部式的后面，如果在它前面，则优先级变为外部式 > 嵌入式，即就近原则，离被设置元素越近优先级别就越高。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航