【CSS学习（二）选择符】的更多相关文章

CSS那些事儿-阅读随笔1（CSS简介与选择符）

最近开始详细钻研CSS有关的知识,参考资料是<CSS那些事儿>.将把在此过程中的收获进行记录,方便以后的学习. 一.CSS简介 1.什么是CSS CSS全称为Cascading Style Sheet(层叠样式表),是一种不需要编译的标记性语言,用于增强控制网页样式并允许将样式信息与网页内容分离.可以使用如何一种文本编辑器对其进行编辑. 2.CSS的作用 a.修饰页面文本.图片等元素,避免使用不必要的HTML元素. b.更有效地控制页面结构.页面布局(DIV+CSS). c.提高开发和维护效率…

CSS知识点：选择符

一.选择符的种类 1)通配选择符 它用来给页面所有的元素设置样式 *{margin:0;padding:0;}.但是实际当中不建议这么用,页面中用到了哪些样式,就统一设置样式,因为*影响性能.也可以给某元素的所有的后代元素应用样式:p *{color:red;} 2)标签选择符 顾名思义,通过标签来限定样式作用域 div{padding:5px;} 3)类选择符 和面向对象中的类有着类似的功能,需要的时候调用即可,达到重用的目的.将样式定义成一个类,需要使用的地方调用即可. .myClass{f…

css伪类选择符

1):link/:visited/:hover/:active (爱恨原则 love/hate)2):first-child/:last-child/:only-child/:nth-child(n) n从1开始3)E :nth-last-child(n) 匹配父元素的倒数第n个子元素E,假设该子元素不是E,则选择符无效.4):first-of-type 以父元素为参照,选择器匹配属于其父元素的特定类型的首个子元素的所有元素. 5)标签 : only-of-type , 以父元素为参照,匹配只含…

学习CSS记录：选择符优先级

1.标有!important 关键字声明属性. 2.HTML中的CSS样式属性. 3.作者编辑的CSS文件模式属性. 4.用户设置的样式. 5.浏览器默认的样式. -------------------------- 即: (1) important 最高   (可作用绝对覆盖属性功能,平时不建议使用) (2) style="color:red"  1000 (3)#mycolor  100 (4).mycolor  10 (5)P  1 注:p.mycolor   10+1   大于…

CSS伪对象选择符整理

1.E::selection 2.E::placeholder 1. E::selection 设置对象被选择时的样式. 需要注意的是,::selection只能定义被选择时的background-color,color及text-shadow(IE11尚不支持定义该属性). 兼容性: <div class="_selection"> <p>1. Selecting master branch will publish your site from the ma…

HTML/CSS学习(二)

续...... ============================================================================================= 浮动的样式和特性 浮动:就是使元素脱离文档流,按照一定的方式排列,遇到相邻的浮动元素或者父级的边界就停下来 浮动的特性 1.浮动的元素排在同一排 2.浮动的元素内容撑开宽度 3.浮动的元素支持所有css样式 4.浮动的元素脱离文档流 5.浮动的元素提升层级半级(属性盖住内容溢出,可做文字环绕di…

CSS学习(二)

display :   block    inline-block    inline block此元素将显示为块级元素,此元素前后会带有换行符. inline默认.此元素会被显示为内联元素,元素前后没有换行符. inline-block行内块元素.(CSS2.1 新增的值) 理解CSS 中的display 属性首先要先理解什么是块级元素,什么是行内元素.前端知识(一) line-height 和 font-size 可阅读参考资料先,帮助理解. line-height是行高,font-size…

html&css学习二

表格&b标签 表格 表格标签主要包含三个标签 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> table用于定义一个表格. tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格. td /td:用于定义表格中的单元格,必须嵌套在标签中,一对 中包含几对,就表示该行中有多少列(或多少个单元格). 表格的属性 合并单元格 跨…

CSS各属性选择符区别

CSS2.1: ele[attribute] 匹配具有属性attribute的ele元素. ele[attribute = value] 匹配具有属性attribute且值为value的元素. ele[attribute ~= value] 匹配具有属性attribute且其中一个值为value的元素.(多个值用空格隔开) ele[attribute |= value] 匹配具有属性attribute且其中一个值为value的元素或者以"value-"开头的ele元素. CSS3: e…

JQuery学习笔记【CSS选择符】--02

Jquery的程序入口: <html> <head> <title></title> <script type="text/javascript“ src="JQuery.js"></script> <script type="text/javascript"> $(document).ready(function(){ //这里就是JQuery程序入口了: alert(&…