内部样式表

每个css 的样式都分为两部分，选择符和内部样式表
声明又分为属性和属性值
属性必须放在花括号内，属性和属性值之间用：号连接
每条声明之间用分号结束
声明放在head标签内的<style> </style>中
形式：选择器{属性1：属性值；属性2：属性值}
外部样式也能单独建立css文件，但是要有一个link标签导入

link标签的属性

rel ：stylesheet
type：导入文件类型
href：css文件的路径

选择器

要使用css对html页面中的元素进行，一对一，一对多，或者多对一的控制的话，就要用css选择器。

元素选择器

元素的名称{属性：属性值；}

类选择器

语法：class{属性：属性值；}

实例：
<div class = "top"> </div>
.top{width:20px;height:100px;}

id选择器

eg
<div id = 'box'></div>
#box{width:300px;height:300px}

注意：一个id的名称只能对应文档中一个具体的元素对象（唯一性）

通配选择器

*{属性：属性值} 代表所有元素
eg:

*{margin:0;padding:0;}#设置所有元素的边界和填充值为0

群组选择器

选择符1，选择符2，选择符3{属性：属性值；}
多选择器应用相同声明的时候，用逗号隔开，然后合并为一组。

包含选择器

选择符1 选择符2{属性：属性值；}
当要改变子类选择器中的某个样式时使用。选择器1是父类选择器，选择器2是子类选择器

伪类选择器

伪类选择器用在标签上面

a:link{属性：属性值} 超链接的初始状态
a:visited{属性：属性值}超链接被访问后的状态
a:hover{属性：鼠标悬停
a:active{属性：属性值} 超链接被激活时的状态
注意
顺序必须是“link visted hover action””否则无效

选择器的权重

！import 》内联样式》包含选择器》id选择器》类选择器》元素选择器

css语法---选择器相关推荐

css语法选择器中括号,CSS 选择器语法参考手册
DI 之 3.3 更多DI的知识(陆) 3.3.1 延迟初始化Bean 延迟初始化也叫做惰性初始化,指不提前初始化Bean,而是只有在真正使用时才创建及初始化Bean. 配置方式很简单只需在标签上指 ...
CSS语法大全，学习笔记
序号名称说明/代码备注 1. CSS 中英文名层叠样式表 Cascading Style Sheet 2. CSS 文件拓展名 .css 3. CSS 注释 /*注释内容*/ 4. 4 种样式 ...
Web开发（一）·期末不挂之第四章·CSS语法基础(CSS选择器选择器优先级各类样式表的使用方法)
CSS语法基础一.单纯html控制样式的缺点二. CSS✪✪✪ CSS概述 CSS基础语法组成选择器标签选择器类选择器 id选择器通配选择器后代选择器插入样式表的三种方式行内样式 ...
CSS样式的使用（CSS选择器、CSS语法、CSS常见样式）：
1.CSS样式的理解: Cascading Style Sheets(层叠样式表):修饰html标签样式的 2.使用(需要内嵌html中): 1.行内样式:(通过标签的style属性使用) 格式:样式 ...
CSS学习笔记--CSS语法与选择器
导语 Css用于控制网页的样式和布局,指层叠样式表(Cascading Style Sheets),定义如何显示HTML的元素,这个样式通常存储在样式表中.在工作中通常使用的外部样式表,外部样式表 ...
CSS基础（emmet 语法,CSS 复合选择器, 布局认知,背景样式）
CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法序号 ...
CSS语法与CSS选择器
目录 CSS 语法实例例子解释 CSS 选择器 CSS 元素选择器实例 CSS id 选择器实例 CSS 类选择器实例实例实例 CSS 通用选择器实例 CSS 分组选择器实例所有简 ...
CSS语法及其选择器
第一优先级:无条件优先的属性只需要在属性后面使用!important.它会覆盖页面内任何位置定义的元素样式.(ie6支持上有些bug). 第一等:内联样式,如:style="color:re ...
Web前端之CSS语法与选择器
目录一.CSS简介层叠样式表 1.内联样式(行内样式) 2.内部样式表 3.外部样式表二.CSS基本语法注释 css中的注释我们对比下其他几种前端语言的注释 html中的注释 JS(Java ...

css语法---选择器