`

CSS2 1 基本语法与选择器

阅读更多
一,样式关联的优先级
  内联式> 内嵌式>外链式

二,4个属性可以在所有的html标签中使用
1,id   2,class 3,name 4,style

三,注释
/*这里是注释*/


四,六种选择器
1,HTML选择器
2,类选择器 class
3,ID选择器
4,关联选择器 : 比如标签的父子关系(div p之间以空格分割)
5,组合选择器 : div,p 之间以逗号分割多个样式选择器
6,伪元素选择器 :同一个html标签的状态不一样 比如css中只有<a href=""/> 和p标签的第一个字和第一行符合这个伪元素的条件
:hover必须放在:link和:visited之后才能生效, :avctive必须放在:hover之后才能生效

同一个css文件中优先级排名:ID选择器>HTML选择器

分享到:
评论

相关推荐

    java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4

    java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4

    web实验2 CSS基本语法.zip

    实验内容:1.CSS的引入和基本选择器应用;2.利用CSS对网页进行控制;3.利用DIV+CSS实现如图2-3、2-4网页效果的布局和设计,并在多种浏览器上测试。所需图片见附件。4.利用DIV+CSS实现如图2-5网页效果,并在多种浏览器...

    CSS3样式表-选择器.pptx

    在CSS语法格式: 选择器{属性:值;} 选择器是一种模式 用于选择需要添加样式的元素。 1 2 CSS样式表中设置了多个样式规则,根据其对于HTML页面中元素的影响范围,将选择器分为: id选择器 类选择器 标签选择器 全局...

    HTML5&CSS3网页制作:关系选择器.pptx

    CSS3选择器--关系选择器 关系选择器 01 子代选择器(&gt;) 子代选择器主要用来选择某个元素的第一级子元素。 定义 语法结构 E&gt;F{ CSS样式属性 } 说明 选择所有作为E元素的子元素F。 子代选择器(&gt;) 示例:设置 h1 ...

    CSS基础入门总结(很详细的哟)

    (1)基础选择器 (i)标签选择器 (ii)类选择器 (iii)id选择器 (iv)通配符选择器 (2)复合选择器 (i)后代选择器 (ii)子代选择器 (iii)并集选择器 (iv)伪类选择器 三、CSS字体属性 (1)字体大小 (2...

    HTML5&CSS3网页制作:伪元素选择器.pptx

    CSS3选择器-- 伪元素选择器 伪元素选择器 01 伪元素选择器 所谓伪元素选择器,是针对CSS中已经定义好的伪元素使用的选择器。CSS中常用的伪元素选择器有:before伪元素选择器和:after伪元素选择器 :before选择器 :...

    它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

    brackets-emmet-1.2.2 它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度 让web开发代码飞起来

    CSS学习中EMMET语法、复合选择器、元素选择模式、以及背景的一些总结

    CSS学习中EMMET语法、复合选择器、元素选择模式、以及背景的一些总结,观看视频中的个人总结,创作不易,如果有问题欢迎留言咨询,大家一起学习一起进步哇

    前端基础知识css篇,需要的同学自行下载

    基础选择器基本上都由单个选择器组成,主要分为: 标签选择器 类选择器 id选择器 通配符选择器 标签选择器 标签选择器:是指⽤HTML标签名称作为选择器,按标签名称分类为⻚⾯中某⼀类标签指定统⼀的 CSS样式。 ...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    选择器1 选择器2可以是任意基础选择器 (3)并集选择器(重要) 可以选择多组标签 定义相同样式 通常用于集体声明 语法 元素1, 元素2{样式声明} 元素1和元素2都改了样式 逗号,为和的意思 任何选择器都...

    CSS3参考手册(css3语法使用查询手册)CHM版.rar

    CSS3参考手册(css3语法使用查询手册)CHM版,可快速索引和搜索CSS3各种属性值以及具体的用法,说详细介绍有CSS3选择器的各方面知识,这包括UI元素状态伪类 E:checked、结构性伪类 E:nth-of-type(n)、子串匹配的属性...

    CSS3 样式选择器

    在定义CSS时,需要知道其书写语法和影响范围,此文档给你说明

    精通CSS+DIV网页样式与布局全集

    1.2.3 链接式 1.2.4 导入样式 1.2.5 各种方式的优先级问题 1.3 体验CSS 1.3.1 从零开始 1.3.2 加入CSS控制 1.3.3 控制图片 1.3.4 CSS的注释 第2章 CSS的基本语法 2.1 CSS选择器 2.1.1 标记选择...

    CSS3 属性选择器;属性选择器其特点就是通过属性来选择元素;属性选择器的语法: E:attr;

    属性选择器的语法: E:[attr]; E表示元素,attr表示元素中的属性 E:[attr=val]; attr=val表示当元素中的属性值是指定值时,设置一个统一的样式 E:[attr^=val]; attr^=val表示当元素中指定的属性值是val开头时 E...

    CSS基本语法大全 实例 零起点

    本文档提供了CSS基本语法的从零开始地最详尽地讲解,包括html选择器中、class选择器、ID选择器,CSS的集体 声明、CSS的嵌套、CSS的继承,CSS的全局声明等。总得来说本文档已基本包括了CSS的全部语法内容。并且全部 ...

    Web前端与移动开发之css语法规范及代码风格

    1.css 语法规范 选择器 { 属性1: 值; 属性2: 值; } 注释/**/ ctrl+/ 2.代码风格 (1)样式格式书写 ①紧凑格式 ②展开格式(属性值每行只写一个属性及样式) (2)样式大小写 推荐小写 (3)...

    CSS选择器到底有哪些?CSS笔记(一)

    文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器类选择器选择器分组(并集选择器)通配选择器复合选择器(交集选择器)后代元素选择器子元素选择器伪类...

    精通CSS+DIV网页样式与布局PART2

    1.2.3 链接式 1.2.4 导入样式 1.2.5 各种方式的优先级问题 1.3 体验CSS 1.3.1 从零开始 1.3.2 加入CSS控制 1.3.3 控制图片 1.3.4 CSS的注释 第2章 CSS的基本语法 2.1 CSS选择器 2.1.1 标记选择...

    《精通CSS+DIV网页样式与布局》光盘源码

     第2章 CSS的基本语法   2.1 CSS选择器   2.2 选择器声明  2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟Google公司Logo   3.3 文字实例二:制作页面...

Global site tag (gtag.js) - Google Analytics