class选择器: 先在相应标签中设置一个class属性,如class=“class名”.class名{ ……css样式}注:class名以英文字母开头,可以多个标签重复使用.优先级:标签名选择器 < class选择器 < id选择器 < 行间样式 内部样式表优点:加载速度快,不需要请求服务器:缺点:不利于代码重用 (3). 外部样式表的引入在head标签里,写一个link标签,用来关联一个css文件,在css文件中,通过选择器来控制样式<link rel="styles…

三个css选择器:id选择器#test1{ }.class选择器.test2{ }.标签选择器div{ }对三个div:<div>我是普通div</div>.<div id="test1">我是#test1</div>.<div class="test2">我是class</div>的影响,它们三个也是div标签,所以div影响了三个的背景,用id说明针对哪个div发挥作用,比较精细,而类控制的…

1.1.基本选择器 通配符选择器(*)      通配符选择器的使用方法如下 *{margin:0px; padding:0px;} //*代表所有的 ID选择器(#) ID选择器的使用方式如下: *#intro {font-weight:bold;}//也可以省略通配符 #intro{font-weight:bold;} //两种方式是一样的. 不同于其他选择器,id选择器有以下特点 规范: 同一个id,在一个网页中只能标注一个元素. 如果有同名id ,则在CSS中用ID选择器时,依旧会匹配所…

CSS选择器 CSS基本语法 选择器 + 声明块 选择器 - 通过CSS选择器选中页面中的指定元素,下面会重点写. 声明块 - 选择器后面跟着的是声明块,使用{}括起来,由一个个声明组成,声明由名值对组成,每一个声明使用:结尾. 常用选择器 1.元素选择器 语法:标签名{} eg:p{} //为所有的p元素设置样式. 2.ID选择器 语法:#id{} //id值唯一,不能重复 ed: #box{} //为id为box的元素设置样式. 3.类选择器 语法:.class{} eg: .box{} /…

盒子总结 ''' block: 设置宽高 1.没有设置宽,宽自适应父级的宽(子级的border+padding+width=父级的width) 2.没有设置高,高由内容撑开 设置了宽高 一定采用设置的宽高 显示宽高 border+padding+content 自身布局 margin-top | margin-left 兄弟布局 margin-bottom | margin-right 父级水平居中 margin:0 auto; 与inline相关的盒子 vertical-align ''' 文…

一.       CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). 二. CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这是注释*/ 三. CSS的几种引入方式 行内样式 行内样式是在标记的style属性中设定CSS样式.不推荐大规模使用,说白了就是…

css常用的选择器:类选择器,id选择器,元素选择器,伪类选择器,伪元素选择器,属性选择器. 选择器的优先级由四个部分组成:0,0,0,0 一个选择器的具体优先级如下规则确定: ID选择器 加 0,1,0,0 类选择器,伪类选择器,属性选择器 加0,0,1,0 元素和伪元素选择器 加0,0,0,1 结合符和通配符对优先级没有贡献 例子 h1{color:red;} /* 优先级为 0,0,0,1 */ p em{color:purple;} /* 优先级为 0,0,0,2 */ p.bright…

1. CSS CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). 2.CSS语法 每个CSS样式由两个组成部分:选择器和样式.样式又包括属性和属性值.每个样式之后用分号结束. 选择器 {样式1;样式2} 或者 选择器 {属性1:值1  ;  属性2:值2} p { color:red ; font-size:18px } 3.CSS注释 /*这是注释*/ 4.CSS的3种引入方式 4…

一.基础选择器 选择器 名称 描述 兼容性 * 通配选择器 选择所有的元素 ie6+ E 元素选择器 选择指定的元素 ie6+ #idName id选择器 选择id属性等于idName的元素 ie6+ .className class选择器 选择class属性包含className的元素 ie6+ 二.关系选择器 选择器 名称 描述 兼容性 E F 后代选择器 选择所有包含在E元素里面的F元素 ie7+ E>F 子选择器 选择所有作为E元素的子元素F ie7+ E+F 相邻选择器 选择紧贴在E元…

伪元素选择器 # 首字调整>>>:也是一种文档布局的方式 p:first-letter { font-size: 48px; /*字体大小*/ color: red; } # 在文本的前面通过css动态渲染文本>>>:特殊文本无法选中 p:before { content: '嘿嘿'; color: red; } <p>::before言而有信 品行端正 光明磊落 待人以诚</p> # 在文本的后面通过css动态渲染文本>>>:…