选择器,说白了就是选取元素的一种方式。 CSS3在CSS2.1的基础上增加了很多实用的选择器,使得我们操作HTML元素的方式更加灵活与方便。 CSS3增加了3大类选择器: (1)属性选择器; (2)结构伪类选择器; (3)UI元素状态伪类选择器 这些新增的选择器相对id选择器、class选择器来说, ...
分类:
Web程序 时间:
2018-06-24 22:35:32
阅读次数:
237
1、另外两种CSS的方式 在基础知识(三)中,说过写CSS样式的三种方式,之前都是讲的在style标签中写css样式,然后在body中使用ID选择器,class选择器等附着样式。 那么第二种是直接在body中,标签后面加style属性直接附着样式,如下: 界面显示100*100的蓝色背景框,内容为: ...
分类:
Web程序 时间:
2018-06-24 17:57:40
阅读次数:
226
CSS的选择器按大类分为基础选择器、层次选择器、伪类选择器、伪元素选择器;下面对前三个选择器进行说明 1.基础选择器分为:元素选择器、类选择器、ID选择器及通配符选择器 元素选择器:可选中批量相同标签 代码格式:元素内容{声明块} 类选择器:同一页面的相同标签应用不同样式 代码格式:.类名{声明块} ...
分类:
Web程序 时间:
2018-06-23 18:52:49
阅读次数:
164
基础选择器 元素选择器;类选择器;id选择器 通配符选择器 通配符选择器是解决兼容性的 格式:* +声明块 例:* {color:red;} 并集选择器 格式:元素或类或ID+“,”+元素或类或ID+声明块 例:h1,h2,h3{color:red;} p,.container,#box{color ...
分类:
Web程序 时间:
2018-06-23 17:09:20
阅读次数:
208
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--<link rel="stylesheet" href="xx.css">--> <style> /*#i1{*/ /*heig ...
分类:
Web程序 时间:
2018-06-23 01:23:08
阅读次数:
260
继承是没有权值的,比通配符的的权值0还要低。 选择器是不分上下级的。只管优先级。 第一等:代表内联样式,如: style=””,权值为1000。 第二等:代表ID选择器,如:#content,权值为0100。 第三等:代表类,伪类和属性选择器,如.content,权值为0010。 第四等:代表类型选 ...
分类:
Web程序 时间:
2018-06-16 21:45:45
阅读次数:
223
目录 类型选择器 类选择器 ID选择器 伪类 伪元素 目录 类型选择器 通过类型选择器可以选择某一类型的html标签,并对其使用样式。 语法: selector {property1: value; property2:value; ...} 示例: <html> <head> <style typ ...
分类:
Web程序 时间:
2018-06-16 13:37:23
阅读次数:
250
1.什么是后代选择器? 作用:找到指定标签的所有后代标签,设置属性。 首先你要明确什么是后代? 你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代。 我们先来举个例子 我们想让div中的标签变红 1.用标签选择器可以做吗? 不可以,它会选中页面上的所有p,包括div以外的 2.用id选择器可以 ...
分类:
其他好文 时间:
2018-06-10 21:12:12
阅读次数:
167
1.id和class的区别? id相当于人的身份证不可以重复 class相当于人的名称可以重复 1.2 一个HTML标签只能绑定一个id名称 一个HTML标签可以绑定多个class名称 2.id选择器和class选择器的区别? id选择器是以#开头 class选择器是以.开头 3.在企业开发中到底用 ...
分类:
其他好文 时间:
2018-06-10 20:10:11
阅读次数:
185
id选择器和标签选择器一样,都有一些缺陷,它有什么缺陷呢? 1.设置样式不会使用id,因为如果学到js,就会发现,js通过id拿到标签,再进行一些后续都操作 2.id有一个特点,同一个界面中id不能重复,如果以后给企业开发,同一个界面可能有上千个标签,如果给每一个标签都起一个名字可能要起上千个名字, ...
分类:
其他好文 时间:
2018-06-10 19:36:07
阅读次数:
127