2、id选择器 #id属性值{ }
3、类选择器 .class属性值{ }
4、选择器分组(并集选择器)
作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法:选择器1,选择器2,选择器n{ }
5、复合选择器(交集选择器)
作用:选择更准确更精细的目标元素并为其设置属性
语法:选择器1选择器2选择器n{ }
!注意选择器之间不能有空格,要紧挨在一起
6、通配选择器
作用:用来选中页面中所有的元素
语法:*{ }
7、后代元素选择器
作用:选中指定元素的指定后代元素
语法:祖先元素 后代元素{ }
8、子元素选择器
作用:选中指定父元素的子元素
语法:父元素>子元素
9、伪类选择器
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
10、 属性选择器
作用:根据元素中的属性或属性值来选取指定元素
语法:[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
11、兄弟元素选择器
+选择器
作用:选中一个元素后紧挨着的指定的兄弟元素
语法:前一个+后一个(作用在后一个)
~选择器
作用:选中后边所有的制定兄弟元素
语法:前一个~后边所有
@ css和css3的区别?
一、指代不同
1、CSS3:是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案。
2、CSS:是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
二、内容不同
1、CSS3:主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
2、CSS:不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
三、特点不同
1、CSS3:新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。
2、CSS: 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
@ Htmlcss和Html5Css3的区别?
HTML:/article/6064
什么是HTML?
HTML (Hyper Text Markup Language)是超文本标记语言的缩写HTML 使用标记语言描述Web页面的结构HTML 元素是HTML页面的构建块HTML 元素通过标签tag表示HTML 标签是“标题”、“段落”,“表格”等内容的一部分。浏览器不显示HTML标签,但是使用它们来渲染页面内容。
css:/article/1945
CSS 是层叠式样式表(Cascading Style Sheets)CSS 介绍了HTML元素如何显示在屏幕上,纸上,或在其他媒体CSS 节省了大量的工作. 它可以同时控制多个网页的布局外部样式表存储在CSS文件中
html5;/article/1449
什么是新的HTML5?
在HTML5中 DOCTYPE声明非常简单:
<!DOCTYPE html>
字符编码 (charset) 声明也非常简单:
<meta charset=”UTF-8″>
css3:/article/
CSS3是CSS的最新标准。
CSS3是完全向后兼容早期版本的CSS。
这一部分教你关于CSS3的新特点!
@ HTML和CSS各种常用标签和属性熟记于心?
像代码这种东西,熟记于心只是第一步,后面的路还长着呢。一个像样的静态网页,需要的不仅仅是你各种标签的使用,还需要设计。只有一个好的设计,再加上你得构造,才能做一个像样的静态网页。静态网页还只涉及到前端,如果做动态网页,还需要后端的支持。中间不知道有多少坑,当你做的时候就发现,标签串联起来,可能还不起作用呢。还有啊,别以为html和css记住几个标签就能说熟记于心了,干好几年的前端有时候还得翻文档呢。所以啊,路还好很长呢。先来个hello word吧。
如果觉得《css3中的属性选择器 css复合选择器有哪三种 – CSS – 前端 css 定位设置》对你有帮助,请点赞、收藏,并留下你的观点哦!