【CSS 学习路线(二)选择器】的更多相关文章

CSS 学习路线(二)选择器

选择器 规则结构: 分两个基本部分 选择器(selector)和声明块(declaration block) 组成 声明块:由一个或多个声明组成,每一个声明都是属性-值对 选择器分为:元素选择器,类选择器,后代选择器,通配选择器,ID选择器,属性选择器,伪类选择器.子元素选择器,相邻兄弟选择器. 元素选择器:往往是html元素,但是在XML允许创造新的标记语言. eg:h1 p h1{font-size:14px;} 类选择器:应用样式而不考虑具体涉及的元素. eg: .main{font-si…

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学习笔记(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选择器参考 [attribute]——选取带有指定属性的元素: [attribute=value]——选取带有指定属性和值的元素: [attribute~=value]——选取属性值中包含指定词汇的元素: [attribute|=value]——选取带有以指定值开头的属性值的元素,该值必须是整个单词: [attribute^=value]——匹配属性值以指定值开头的每个的元素: [attribute$=value]——匹配属性值以指定值结尾的每个的元素: [attribute*=value…

css学习笔记二

下面来总结一下盒子模型,流式布局,浮动布局,层布局(定位布局). 1.盒子模型 有二种:IE盒子模型 和 标准w3c盒子模型 1)IE的盒子模型的content包含了padding和border 2)标准的w3c盒子模型有四部分组成:内容(content),填充(padding),边框(border),边界(margin) 提示:盒子模型的3d结构有五层,第一层是border,第二层是content+padding,第三层background-image,第四层是background-color…

CSS学习笔记二：css 画立体图形

继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: rotate:rotateX() rotateY()  rotateZ()   :这个属性能够实现翻转效果 translate:translateX translateY() translateZ() :这个属性是实现移动效果 origin: 是设立为中心 perspective: 是影响3D的视觉…

css学习_css复合选择器

css复合选择器 a.交集选择器  (即...又...:选择器之间不能有空格) p.one{color:red;] b.并集选择器(中间由逗号隔开) p,div{color:red;} c.后代选择器(可以选择到所以的子孙后代 :中间用空格隔开) .class h3{color:red} d.子元素选择器(中间用 大括号  >; 选的是儿子,孙子啥的不算) div>span{color:red;} e.属性选择器(用中括号表示) a[title]{color:red;} input[type=…

Html+css学习笔记二 标题

学习新标签,标题 <html> <head> <title>tags</title> </head> <body> <h1>大</h1> <h2>大</h2> <h3>大</h3> <h4>大</h4> <h5>大</h5> <h6>大</h6> <h7>大</h7>…

CSS学习（二）

<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title></title> <style type="text/css"> h1{font-family: "微软雅黑";font-size:larger} p{font-family: arial;} </style> </he…

CSS学习（二）- 有关 hasLayout 和 BFC

1. hasLayout 概念说明 ‘Layout’ 可以被某些 CSS property(特性)不可逆的触发,而某些 HTML 元素本身就具有 layout . ‘Layout’ 在 IE 中可以通过 hasLayout 属性来判断一个元素是否拥有 layout ,如 object.currentStyle.hasLayout . ‘Layout’ 是 IE 浏览器渲染引擎的一个内部组成部分.在 IE 浏览器中,一个元素要么自己对自身的内容进行组织和计算大小, 要么依赖于包含块来计算尺寸和组织…