css语法以及css选择器

CSS语法

CSS的标准语法主要由两方面构成一是 选择器。二是 声明框。

一、选择器      通过选择器可以选定页面指定的元素,并将声明块中的样式应用在选择器选中的元素中去。

二、声明框      是一对{  }标志,声明块紧跟在选择器后面,实际上声明块里面就是一组一组的属性名与属性值对应的结构。称之为声明,一个声明块中可以有多个声明。多个声明之间使用分号;  进行隔开,声明的样式与样式值之间用: 连接。

CSS常用选择器

元素选择器   通过元素选择器选择页面中所有指定的元素(选择器就是元素名)

ID选择器       通过元素的ID属性值,来选中唯一的一个元素。

类选择器      通过为元素设置class属性,class属性和ID属性类似,但是class属性可以重复,把拥有相同class属性的元素称之为一组元素。可以为一个元素设置多个class属性值,多个值之间可以使用空格隔开。

并集选择器   选择器分组,可以同时选中多个选择器对应的元素(选择器1,选择器2,选择器3{ })表示效果:满足选择器1的,满足选择器2的并且满足选择器3的元素都可以同时选中,多个选择器之间是并集关系。

通配选择器   通配选择器可以选择页面里的所有元素(*{ })。

复合选择器(交集选择器) 可以选中多个同时满足多个选择器的元素(选择器1选择器2选择器3{   }),对于ID选择器来说不建议使用交集选择器.

后代选择器   选中制定元素的指定后代元素(祖先元素 后代元素{  })也可以写后代的后代的后代元素。但是尽量不要写的太长,考虑到性能问题选择器尽量写的短一些。

子元素选择器   比如说span元素是p元素的子元素,就可以写成  p>span{   }

伪类选择器    伪类是专门用来表示元素的一种特殊状态,比如说常见的 a 元素的一些特殊状态(原始状态的超链接,访问过的超链接,运行中的超链接等等),当我们需要为这些处在特殊状态的元素设置样式的时候就可以使用伪类来定义。详细内容会在下篇具体介绍。

原文地址:https://www.cnblogs.com/nyw1983/p/11261616.html

时间: 2024-08-30 14:15:27

css语法以及css选择器的相关文章

Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内 写样式,这种样式

CSS(1)---css语法、css选择器

CSS(1)---css语法.css选择器 一.CSS语法 1.CSS语法 CSS 规则由两个主要的部分构成:选择器以及一条或多条声明. 属性 是您希望设置的 样式属性.每个属性有一个属性值.属性和属性值被冒号分开. 示例 <!-- 这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素 --> h1 {color:red; font-size:14px;} <!-- 在这里,h1 是选择器,color 和 font-size 是属性,red 和 14px

前端04 /css简绍/css选择器

目录 前端04 /css简绍/css选择器 昨日内容回顾 1.css 1.1 css简绍 1.2 css语法 1.3 css的几种引入方式 2.选择器 2.1基本选择器 2.2组合选择器 3.css权重 a标签设置样式,需要选中设置,不能继承父级标签的样式 前端04 /css简绍/css选择器 昨日内容回顾 html标签 块级标签:独占一行,可以包含内联标签和部分块级标签 内联标签:不独占一行,只能包含内联标签,不能包含块级标签 常用标签 div标签和span标签 a标签:超链接标签 <a hr

CSS语法规范一

CSS语法规范 CSS规则由两个主要的部分构成:选择器以及一条或多条声明. p{ color: red; font-size: 12px; } CSS代码风格 样式格式书写 紧凑格式 h3 {color: deeppink;font-size:20px} 展开格式 h3 { color: deeppink; font-size:20px } 推荐展开格式书写,因为直观 样式大小写风格 h3 { color: deeppink; } h3 { COLOR: deeppink; } 推荐样式选择器.

Css入门课程 Css基础

html css javascript三者关系 html是网页内容的载体 css是网页内容的表现,外观控制 javascript是网页逻辑处理和行为控制 css相对于html标签属性的优势 css简化了标签代码,利于下载提高效率 解决了网页内容与外观分离 利于维护,提供工作效率 css语法基础 css语法:选择符+申明,其中申明是指属性-值形式,注意css样式区分大小写 css使用方式 1)行内样式,又称内联样式 是通过标签的style属性书写在标签内部的样式 2)内部样式,又称嵌入样式 是在网

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &

CSS:基本语法及派生选择器

本文介绍css基本语法及派生选择器. 代码整理自w3school:http://www.w3school.com.cn (一)基础部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="

css基础语法一(选择器与css导入方式)

页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔.         选择器{                    属性1:属性值1;                    属性2:属性值2;                 

1、CSS 语法和选择器

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: h1 { color:blue; font-size:12px; } 选择器通常是您需要改变样式的 HTML 元素.每条声明由一个属性和一个值组成.属性是您希望设置的样式属性.每个属性有一个值.属性和值被冒号分开. CSS 注释: /*这是个注释*/ 选择器的优先级: 标签内部样式 > id > class > 标签选择器 标签选择器实例: <style> h3{ color:red; } </style&