样式规则——告诉浏览器如何渲染网页上的特定元素
声明之间用“;”间隔。
一个声明一个属性。
选择器分组——每个的路径均要求写全,用“,”分割
选择器分类
元素选择器(标记名{……})
——没有层次,全局
<style type="text/css"> div{……}</style>
ID选择器(#id名{……})
无层次,唯一定位(id唯一)
<style type="text/css">#big{……}</style>
<table id="big">……</>
类选择器(.类名{……})
有某个class属性的任何元素;多个类可以作用于一个元素
<p class="big font size">……</p>
<style type="text/css">.big{……}</style>
通配符选择器(*{……})
含通配符页面的一切(包括在 text里输入的内容)
<style type="text/css">*{……}</style>
包含选择器(x y{……})
细微定位,x、y是任何类型的选择器
<style type="text/css">选择器(标记名){……}</style>
伪类选择器(选择器:伪类{……})
超链接的伪类选择器是通用的
<style type="text/css">a{……} (设置超链接)
a:link{text-decoration:line-through}(未访问的)
a:visited{……}(已经访问过)
a:hover{……}(光标停于超链接)
a:active{……}(得到焦点如被点击)</style>
伪元素选择器
格式化一个元素内容的第一个字母(标记:first-letter{……})或者第一行(标记:first-line{……})、伪元素(before、after
)与属性(content)用于元素的两边
<style type="text/css">p:first-line{fonft-weight:bold;}</style>
<style type="text/css">p:first-letter{font-size:200%;font-weight:bold;}</style>
<style type="text/css">blockquote:before { content: open-quote;
}
blockquote:after {
content: close-quote;
}
</style>
- 大小: 37.3 KB
分享到:
相关推荐
css语法css语法css语法
CSS语法手册(CSS手册).pdf
介绍了CSS常用语法,例如:字体属性,文本属性,颜色和背景属性,边框属性,鼠标光标属性。。。 希望给大家有帮助!
有关表格边框的css语法整理 我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的...
本文档综合了所有的css语法 ,希望能帮到你,谢谢!
CSS 语法 应用 CSS 语法 应用 CSS 语法 应用 CSS 语法 应用
HTML、CSS详细介绍,附有经典案例和练习题。。。
CSS语法手册 CSS手册
CSS语法
CSS语法
CSS语法手册(三)文本填充,边框,边界和位置属性(一).pdfCSS语法手册(三)文本填充,边框,边界和位置属性(一).pdfCSS语法手册(三)文本填充,边框,边界和位置属性(一).pdfCSS语法手册(三)文本填充,边框,边界和位置属性(一)...
最全的css教程book-CSS语法手册
CSS语法一览表
1.css 语法规范 选择器 { 属性1: 值; 属性2: 值; } 注释/**/ ctrl+/ 2.代码风格 (1)样式格式书写 ①紧凑格式 ②展开格式(属性值每行只写一个属性及样式) (2)样式大小写 推荐小写 (3)...
web html、Javascript语法和css语法手册
javascript CodeHints css语法提示功能! javascript CodeHints css语法提示功能!
CSS语法手册 定义字体的标签元素 定义CSS字体属性类
css语法大全截图,非常方便查看,如果你喜欢就收藏吧,肯定是好东西,对初学者有用