CSS第二天总结 更多的选择符】的更多相关文章

CSS的选择符非常多,今天继续总结后面的选择符 1.id和class选择符某些情况下我们用关系选择符或者伪类选择符无法选中一些元素时,我们可以给这些元素起 个名字或者分类,这就是id和class属性.下面给出一个id为xxx,class为yyy的a链接: <a href="" id="xxx" class="yyy">链接</a> CSS代码: #xxx{color: red} /*用#选择id(井号)*/ .yyy{te…
一.标签选择器:直接将HTML标签(Tag)作为选择器,可以是p.h1.dl.strong等HTML标签.如: p { font:12px;}em { color:blue;}dl { float:left; margin-top:10px;} 二.id选择器:我们通常给页面元素定义id.例如定义一个层 <div id="menubar"></div> 然后在样式表里这样定义: #menubar{margin:0 auto;background:#ccc;col…
今天的课程加速了,比平时快了些,但觉得很不错.nice~ 属性选择符 E[att]       选择具有att属性的E元素. input[type]{color: #red;} <input type="radio"> E[att="val"]      选择具有att属性且属性值等于val的E元素. input[type="radio"]{color: #red;} <input type="radio"&…
   1.选择符     兼容性 统配选择符 *         元素选择符 body   类选择符 .class   id选择符 #id         包含原则符 p strong     (所有后代)   子代选择符 p>strong    (紧跟子代) lte IE7  相邻选择符 h1+p          (h1后面第一个p元素) lte IE7        属性选择符 button[class]    (带有class属性的button) lte IE7    button[cl…
CSS Position(定位):元素的定位与文档流无关 static定位: HTML元素的默认值, 没有定位,元素出现在正常的流中 静态定位的元素不会受到top,bottom,left,right影响 Fixed定位: 元素的位置相对于浏览器窗口固定 即便串口滚动元素也不滚动 注: Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持 Fixed定位使元素的位置与文档流无关,因此不占据空间 Fixed定位的元素和其他元素重叠. p.pos_fixed { positi…
结合当下作为一名net程序员,难以找到工作情况下,先学习前端知识,前端现在已成为web和app的一个交叉点,web前端化,app使用h5技术前端化,至于什么后台数据库 缓存 消息队列的路线如果没有大型项目平台的建设机会是很难能够大纵深的切入,恰恰前端通过编写微信公众号作为一个切入点,希望不会再也找不到工作,再也无法跳巢的尴尬境地. 1 css语法 选择符{属性:value}css的语法非常简单. 2 css常见简写 color:#ffffff ;color:rgb(255,255,255);rg…
所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性.在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用. 1.* * {  margin: 0;  padding: 0; } 对于初学者,在学习更多高级选择器之前,最先了解的选择器. 星号选择器将匹配页面里的每一个元素.很多开发者使用这个技巧将外边距和内边距重置为零.虽然在快速测试时这确实很好用,但我建议你永远不要再生产代码中使用它.它给浏览器带来大量不必要…
1.星号选择器 ;; } 星号选择器将匹配页面里的每一个元素.很多开发者使用这个技巧将外边距和内边距重置为零.虽然在快速测试时这确实很好用,但我建议你永远不要再生产代码中使用它.它给浏览器带来大量不必要的负担. * 也能作为子选择符使用. #container *{ border: 1px solid black; } 这将匹配 #container div 的每一个后代元素.再次强调,尽量不要使用这种技术. 兼容性:IE6+.Firefox.Chrome.Safari.Opera 2.ID选择…
转载地址:https://www.wenjiwu.com/doc/zvsbii.html.此文最后也给出了原文地址,但是我点击过去发现是什么赌博彩票的地址,360也弹出小心的提示,所以这里只给出了我转载这篇文章的地址. 篇一 : 总结:IE6不支持的CSS选择符 本文列举了五种IE6不支持的CSS选择符,大家设计网页时要注意. 1.child selector h1 > strong { color:red;} 无效,只能使用 h1 strong {color:red; },不支持子选择符,但支…
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?CSS新增了哪些特性?下面我整理了一些,仅供参考. CSS 选择符: 1)      id选择器(# myid) 2)      类选择器(.myclassname) 3)      标签选择器(div, h1, p) 4)      相邻选择器(h1 + p) 5)      子选择器(ul > li) 6)      后代选择器(li a) 7)      通配符选择器( * ) 8)      属性选择器…