【精通CSS version2笔记之⒈选择器】的更多相关文章

精通CSS version2笔记之⒈选择器

1.常用的选择器:①元素选择器   指定希望应用样式的元素.比如:p {color:#fff;}②后代选择器   寻找特定元素或者元素的后代. 比如:body p{color:#ccc;}   这个选择器和子选择器body>p的区别是:body>p是指body下作为子元素的所有节点P,而后代选择                    是body下面所有的节点P,可以说子元素选择器是一种特殊的后代选择器. ③类选择器  指定特定的类应用样式比如.a{color:#ccc;} 类选择器命名最好根据…

精通CSS version2笔记2.小知识

添加背景:background-img:url(URL)+属性; 圆角框:选择器{border-radius:单位;}创建X单位的圆角框在元素周围 投影:box-shadow:垂直和水平偏移.投影的宽度(也就是模糊程度)和颜色 可以和border-radius结合创建圆角框上的投影. 不透明度opcity:0-1小数   0表示完全透明   1表示完全不透明 RGBa(x,x,x,x)RGB代表红色.绿色.蓝色 a代表透明度 RGBa值只分配给我们声明的元素,任何子元素都不继承透明度,而opci…

朝花夕拾《精通CSS》二、选择器 & 层叠

一.背景 翻出我4年前看的<精通CSS>一书,可惜当初没有整理读书笔记的习惯,最近又很少写前端,遂很多东西.知识点遗忘了,恰且现在 css 也有些变化和进步,遂一起打包整理,输出成几篇 blog 系列,以犒自己. 二.选择器 1.基本选择器 (1)标签选择器 --elementname (2)类别选择器 --.elementname (3)ID选择器 --#elementname (4)通用选择器 --* 2.组合选择器 符号 说明 A > B 子代选择器 A B 后代选择器 A + B…

CSS学习笔记之选择器

目录 1.元素选择器 2.继承 3.选择器分组 4.声明分组 5.后代选择器 6.子元素选择器 7.相邻兄弟选择器 8.类选择器 9.ID 选择器 10.属性选择器 11.伪类 12.伪元素 1.元素选择器 最常见的 CSS 选择器莫过于元素选择器,换言之,HTML 文档中的元素是最基本的选择器 body {color:black;} h1 {color:gray;} p {color:white;} 2.继承 根据 CSS 规则,子元素将会继承最高级元素所拥有的属性.例如,如果在 body 元…

【精通css读书笔记】 第八章 布局

学习了css布局的基础后又来翻阅<精通css>这本经典书籍,对布局有了进一步的认识. 基于浮动的布局 两列的布局仍然是使用一个元素向左浮动,一个元素向右浮动,值得注意的是要加入display:inline 用来防止IE中的双外边距浮动产生的bug. 三列布局与昨天的使用了不同的方法,全部依靠浮动来实现,与两列布局一样先实现主内容与次内容的左右浮动,然后对主内容中的主div与次div在分别浮动. 不要忘记因为元素的浮动需要对父元素清理浮动的处理 overflow:hidden 但是三列布局的时候…

CSS学习笔记(1):选择器

一.元素选择器 HTML文档元素就是最基本的选择器 如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style type="text/css"> p {color:blue;} </style> </head> &…

CSS 小结笔记之选择器

Css选择器主要分为以下几类 类选择器 ID选择器 通配符选择器 标签选择器 伪类选择器 复合选择器 1.类选择器:通过.classname 来选择 例如 .color2 { color: rebeccapurple; } 同一个标签可以通过多个类名来指定多个样式,但是若其中有重叠部分,则按权重值重叠,若在同一权重级别中,如都是内部样式表中的,则按照上下关系,下面的覆盖上面的. 例如: .classtest1 { font-size: 25px; color: blue; } .classtes…

《精通css》笔记

第2章    选择器,注释 1.要知道常用选择器(id选择器,类选择器,类型选择器,后代选择器,伪类选择器(文档结构之外)) 通用选择器(*{    }) 高级选择器(子选择器,相邻同胞选择器,属性选择器) 2.选择器特殊性分级 3.层叠和继承的区别 4.设计代码的结构,使用风格统一的大注释块分割每个部分 一般性样式                              辅助样式                                页面结构                    …

CSS学习笔记之基本介绍

1.简介 层叠样式表(Cascading Style Sheets,CSS)允许我们把样式设置存储在文件中,从而将内容与表现分离 当同一个 HTML 元素被不只一个样式定义时,最终的样式确定顺序如下(优先级从小到大排列): 浏览器缺省设置 外部样式表 内部样式表 内联样式 (1)外部样式表 当样式需要应用于很多页面时,外部样式表是理想的选择,使用 <link> 标签链接样式表,<link> 标签一般位于 HTML 文档头部 <head> <link rel=&qu…

《精通CSS：高级Web标准解决方案》学习笔记（上）

鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐碎的布局知识集合的话,那这本书只能说是更加琐碎了,因为这只是一本纯纯的经验分享.而且随着前端技术的快速发展,明显能感觉到,这本书里的很多内容已经过时了.所以,虽然我写了笔记,但是仍然强烈不推荐把这本书当作是CSS圣经,而应该作为一本床头读物(不过我相信你不会的,因为它太无聊了). 看完以后我最大的感慨是——果…