文本编码基础知识:CSS排行表

简单参考表比完整列表CSS术语更多:它旨在为您提供一种方式查找你最可能立即需要的信息CSS语法、选择器和属性详解访问W3CC教程http://www.w3schools.com/css/.

ss规则集

CSS样式表本质上由规则类组成规则由三方面组成:

选择器
即选择文档中哪些元素或几组元素会受样式信息影响
属性化
识别样式属性(如大小或颜色)
传值
每种属性都有特定值表示大小、颜色、边距或正在应用的其他样式信息

语法合并规则很简单选择器优先, 后接一组一个或多个属性- value

选择器 {属性1:值1属性2:值2}
例举 :
{字体重量:粗体颜色:红色;}
物价双对数随心所欲,但必须分号分离自由白空间令规则易读

选择器

选择器表示受样式信息影响的元素或元素组选择器可简单命名元素,或可计及嵌套元素或特定属性值

列表最常用选择者 和他们的语法

实例如下:

哥哥
匹配全部 哥哥元素化
foo>栏
相匹配 元素子 福市元素化
foo栏
相匹配 元素后代 福市元素化
primo:first-child
相匹配 普里莫元素为父首子
foo[bar]
相匹配 福市元素带 属性或值
foo[bar="horizontal"]
相匹配 福市元素带 属性带值 水平化
foo[bar~="Cheers"]
相匹配 福市中元素 属性值列表分空 词类中位 欢呼声
论坛:前
匹配 前置中选 福市脱机用插入文本 内容 :关键字前内容

更多例子使用实战TEI选择器,

{字体-家庭:arialsserif平面图2}
全部应用 iv语言元素,无论深度嵌套
p{文本缩进:1em}
缩进段内第一行
ibl名称{fort-量度:gold;}
makes 名称单当它显示为子孙 比布尔
作者名{字称:bold}
makes 名称单当元素子 写者空格环绕 >可选性
名称[类型=人] {color:红色;}
仅适用于 名称时它有 类型表示人白空间前 [不允许)
divs类型表示'Capter'>头{funt-size:200
令章节标题大
divs类型=Capte:############文本对齐:居中}
插入行星号后每一章
项前{内容:atrn)!}
插入值 N级中每个项前的时段

注意多选择器可同时使用,用逗号分离.g.:

rsssss类型表示“人”)}

属性和值

列表公共属性和最常用值类型注意某些属性(尤其是约束大小的属性)可用几种不同方式测量部分测量为绝对单位,如像素其他人相对字体大小(例如ems),其他人相对周围文本(例如百分数或大点小点)

语言解析标记

可匹配特定语言中元素朗市伪类E.g.说:Lang(fr)匹配元素带ml:lang表示自然语言为法语fr网路FR-CA)ifa元素没有ml:lang,然后对每个祖先元件逐次检验,直到ml:lang查找 。找不到选择器则不匹配

有特殊值内容类关键字处理引用标志即开首引用近句引用.意思是使用此元素中适当的字符串引用属性类.见下例

说 {引文 : ''''''''''}                         /* generic straigt double quotes w/ nested straight singles by default */ said:lang(en) { quotes: '\201C' '\201D' '\2018' '\2019' } /* same, but curly, for English */ said:lang(fr) { quotes: '«' ' »' }                        /* guillemets for French */ said:lang(de) { quotes: '»' '«' '\2039' '\203A' }         /* reversed guillemets w/ nested single angle quotes for German */ said:before { content: open-quote!}说:继{内容:近引用}

关联样式表与 XML文档

告诉浏览器要使用样式表,在 XML声明后放下下文(但如果DOCTYPE声明

     
去哪儿 filepath/my.css文件路径和名称与 XML文档相对举例说,这里是模板中相关线条,我们为该讲习班提供:
     
     
     
     
注意指针样式表 href)是一个 URL,样式表也可以上网直播

技巧解难

创建复杂CSS样式表后,你可做几件事情来提高样式表的强度并易管理:

上下有一些事物需要检查 时样式表不按预期工作