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

CSS笔记（基础知识）

2018-02-06 16:15 375 查看

CSS

CSS样式基本结构

CSS注释语句

/*注释语句*/

CSS样式主要应用方式（4种）

行内样式、内嵌式、链接式以及导入式

1、行内样式：

<h2 style="background-color:#FF6633">

2、内嵌式：

<head> <style type="text/css">样式定义文本</style> </head>

3、链接式：

<link href="yangshi.css" type="text/css" rel="stylesheet"

4、导入样式：

<head> <style> @import "yangshi.css" </style> </head>

CSS样式表：包括内部样式表和外部样式表

CSS两个基本特性

1、层叠性

1）样式表的优先级：作者>用户>浏览器>HTML默认

用户的!important>作者的!important

2）样式的优先级：

一般：行内>内嵌，内部>外部，且!important（需放声明语句和分号之间）拥有最高优先级

常规选择器优先级：比较权值

标签选择器，伪元素或伪对象选择器 +1

类选择器，属性选择器 +10

ID选择器+100

其他为0

计算规则：ID选择器个数*100+类选择器个数*10+标签选择器个数*1

2、继承性

字面意思，略

ps：pre标签内特殊符号需要转换，例如

<"

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： CSS

相关文章推荐

新的分享

章节导航