《CSS权威指南(第三版)》---第二章 选择器

本章的主要内容是,怎么获取文档中的元素给予渲染:

  1.元素选择器;

  2.ID选择器;

  3.CLSSS选择器;

  4.通配选择器:*;

  5.属性选择器:selector[]

  6.部分属性选择器: selector[~="warning"]  [doo^="bar"]   [doo$="bar"] [boo*="bar"]

  7.特定属性选择器: *[lang |="en" ]

  8.后代选择器

  9.组选择器

  10.相邻选择器: h1 + p {}

  11.直接子选择器: h1 > p

  12.伪类和伪元素:

    伪类:link :visited :hover :active :focus first-child

    伪元素: :first-letter first-line :before  :after

    注意:first-letter和first-line只能应用于段落标记之类的块状元素,不能应用于行内元素。

  总结:通过选择器可以完成前端工程师的一些设想,所以,要准确了解这些选择器。

时间: 2024-10-29 19:11:16

《CSS权威指南(第三版)》---第二章 选择器的相关文章

CSS权威指南-第三版--读书笔记

第一章:CSS和文档 html是结构化语言,css是样式语言,html主要用来被强大的搜索引擎更好的索引,更好的让一个盲人通过语音浏览器来了解我们的网页,这也就是为什么说html是结构话语言,因为这是W3C规定的,大家都在遵循,统一的标准会给所有人带来便利(比如上面提到的盲人). 从web的衰落开始谈起,当时web只是用简单的html来编写,大量的流行,为了更好的展示,于是出现了一些<font>,<center>等用来表现的标签,使得html非常的混乱.1996年,CSS已经成为一

css权威指南学习笔记--第七章

由于之前一直没有系统的看过css相关的书籍,导致自己css方面一直都是处于零散状态.知其然,不知其所以然.所以买了<css权威指南>.虽然比较老了,但是应该也会收获很大. 1 水平方向上 margin-left +border-left+padding-left+width+padding-right+border-right+margin-right 其中红色的是可以设置为auto,当设置为auto时,浏览器会自动计算该值.基于的原则就是 外层包裹容器的width=被包裹元素的width+p

android编程权威指南 第三版 pdf

下载地址:网盘下载 Big Nerd Ranch是美国一家专业的移动开发技术培训机构.本书主要以其Android训练营教学课程为基础,融合了几位作者多年的心得体会,是一本完全面向实战的Android编程权威指南.全书共36章,详细介绍了8个Android应用的开发过程.通过这些精心设计的应用,你可以掌握很多重要的理论知识和开发技巧,获得宝贵的开发经验. 第3版较之前版本增加了对数据绑定等新工具的介绍,同时新增了针对单元测试.辅助功能和MVVM架构等主题的章节.如果你熟悉Java语言,或者了解面向

css权威指南学习笔记--第6章

line-height:定义文本行基线之间的距离 <p style="line-height: 20px;"> these are test words<br /> these are test words </p> 说到line-height就不能不说到行框中各个高度是怎么计算的,这里引用css权威指南中的图 文本行中的每个元素都会生成一个内容区,这由字体的大小确定.如果不存在其他因素(如line-height)那么这个内容区的高度就是行内框的高度

王爽《汇编语言》第三版 第二章 寄存器

CPU概述 一个典型的CPU由运算器.控制器.寄存器等器件组成,这些器件靠内部总线相连. 内部总线实现CPU内部各个器件之间的联系,外部总线实现CPU和主板上其它器件的联系. 8086CPU有14个寄存器 它们的名称为:AX.BX.CX.DX.SI.DI.SP.BP.IP.CS.SS.DS.ES.PSW. 2.1 通用寄存器 8086CPU所有的寄存器都是16位的,可以存放两个字节. 8086上一代CPU中的寄存器都是8位的: 为保证兼容性,这四个寄存器都可以分为两个独立的8位寄存器使用. 1.

Python核心编程第三版第二章学习笔记

第二章 网络编程 1.学习笔记 2.课后习题 答案是按照自己理解和查阅资料来的,不保证正确性.如由错误欢迎指出,谢谢 1. 套接字:A network socket is an endpoint of a connection across a computer network,Sockets are often represented internally as simple integers, which identify which connection to use. 套接字是网络通信的

CSS权威指南第3版 第1章 CSS和文档

替换元素与非替换元素 <!-- 替换元素(replaced element)是指用来替换元素内容的部分并非由文档内容直接表示 --> <img src="test.jpg" /> <!-- 非替换元素(nonreplaced element)是指元素的内容在元素本身生成的框中显示 --> <spa>Hello World</spa> 元素显示角色 <!-- CSS2.1使用另种基本元素类型,块级(block-level)

CSS权威指南第3版 第2章 选择器

规则结构 <!-- 每个规则都有两个基本部分:选择器(selector)和声明块(declaration block) 声明块由一个或多个声明(declaration)组成,每个声明则是一个属性-值对(property-value) --> h1 { color: red; background: yellow; } 选择器分组 <!-- 选择器分组,用逗号将选择器分开 --> body, table, th, td, h1, h2, h3, h4, p, pre, strong,

汇编语言第三版 第二章 寄存器

问题1.8086CPU的地址总线为20bit,而数据总线为16bit--也就是说每次传输的数据为16bit,那么如何使用16bit的数据总线来实现20bit的地址总线的地址传输? 答:8086CPU使用两个16bit的地址合成一个20bit的物理地址. 16bit A: XXXX 16bit B: XXXX 20bit物理地址的合成 A *16 也就是将A(16进制表示的数值),向左移动一位,然后加上B.A * 16  +  B.物理地址 = 段地址 * 16 + 偏移地址 16bit A: X

HTML5 WebSocket 权威指南 学习一 (第二章 WebSocket API)

WebSocket 协议两种URL方案 ws 客户端和服务器之间的非加密流量 wss 客户端和服务器之间的加密流量 WebSocket Secure 表示使用传输层安全性(SSL)的WebSocket连接 采用HTTPS安全机制来保证HTTP连接安全 1.WebSocket 的构造函数 var ws = new WebSocket("ws://www.websocket.org"); 2.WebSocket 对象调度4个不同的事件 open message error close 处理