0x01 CSS选择器 1.类型选择器 描述:类型选择器(type selector)类型选择器有时也叫做“标签名选择器”或者是“元素选择器”,它是CSS最常用的选择器,如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身,除此之外CSS 元素选择器(类型选择器)还可以设置XML文档中元素...
复合选择器: 后代选择器 后代的样式更改 元素1 元素2 。。。{样式声明} 子元素选择器 只对亲儿子(离他最近的)的样式更改 元素1>元素2{样式声明} 并集选择器 作用于多组声明共同的属性 元素1,元素2{样式声明} 链接伪类选择器 a:link(未点击、访问过) a:visited(点击过的) a:hover(鼠标经过时) a:acti...
提示::link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式 :active选择器设置当你点击链接时的样式。 注意:为了产生预期的效果,在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后! ②:focus选择器用于选择具有焦点的元素。 提示::focus选择器接受键盘事件或其他用户输入的...
/* 定义类选择器 */.red{color:red;}<!-- 使用类选择器 -->这是 div 标签 3. ID选择器 id 选择器一般配合 JavaScript 使用,很少用来设置 CSS 样式 • 定义 id 选择器 → #id名 • 使用 id 选择器 → 标签添加 id= "id名" • 同一个 id 选择器在一个页面只能使用一次 /* 定义 id 选择...
CSS3学习日记(二) 基础选择器 选择器选择页面中对应的标签,方便后续设置样式。 一、标签选择器:标签名{ } 通过标签名,找到页面中所有这类标签,设置样式。标签选择器选择的是一类标签,而不是单独某一个;标签选择器无论嵌套关系有多深,都能找到对应的标签。
CSS背景属性主要有以下几个 1.1background-color属性 该属性设置背景颜色 .box{ width: 300px; height: 300px; background-color: palevioletred; } .box{ width: 300px; height: 300px; background-color: palevioletred; } .box{ width: 300
CSS3选择器 l 儿子选择器 ul>li>p l 属性选择器: [属性名=‘属性值’] l 序选择器 :last-child 选择父元素下的最后一个 :first-child 选择父元素下的第一个 :nth-child(n) n>=0 选择父元素第n个元素 练习任务:li排行榜,只要模拟小方块即可,将第1,2,3个小方块颜色分别设置成红,橙,黄,其余的颜色...
id选择器权重大于属性选择器 .red > [class=”red”] Css伪元素: div::selection 文本被选中后的样式 ::-moz-selection 火狐 Css3***边框与圆角: 四个值按照顺时针方向来 Border-radius兼容性写法: -webkit-border-radius: 50%; -moz-border-radius: 50%; -...
伪元素选择器(不是匹配真实存在的html元素)::first-letter p::first-letter,选择p标签中的第一行的第一个字母,并且文字所处的行之前不能有其他内容(注意只能用于块级元素)::first-line 在块级元素的第一行应用样式。第一行的长度取决于很多因素,包括元素宽度,文档宽度和文本的文字大小。和其他所有的伪元素一...
12:2036. HTML5|CSS3基础 18 定位及浮动应用视频教程 HTML5开发 33次播放 09:1137. HTML5|CSS3基础 19 浮动定位 HTML5开发 30次播放 05:3638. HTML5|CSS3基础 20 浮动定位应用 HTML5开发 22次播放 11:1539. HTML5|CSS3基础 21 选择器视频教程 HTML5开发 25次播放 15:2540. HTML5|CSS3基础 22 ID...