内容相关属性
1. include-source:该属性的值应为url(url),插入绝对或相对地址所对应的文档(目前浏览器不支持)(兼容性不好)
2. Content:该属性值可以是字符串、url(url)、counter(name)、counter(name,list-style-type)、open-quote、close-quote等格式(可以引入url图片内容)
3. Quotes:该属性用为content属性定义open-quote和close-quote,该属性的值可以是两个以空格分隔的字符串,第一个为open-quote后面为close-quote****
4. counter-increment:该属性用于定义一个计数器,该属性的值为所定义的计算器的名称
5. counter-reset:该属性用于对指定的计数值复位
6. 例如:css5.html
7. 单冒号双冒号区别不大;例:css:p::before{ content:””}在前面显示号,after就会在后面显示
自定义编号****
Decimal:阿拉伯数字,默认值****
Disc:实心点。Circle:空心,square:实心方块
lower-roman:小写罗马数字;upper-roman:大写罗马数字
Lower-alpha:小写英文字母;upper-alpha:大写英文字母
None:不用项目符号
cjk-ideographic:浅白的表意数字 georgian:传统的乔治数字
Lower-geek:基本的希腊小写字母,hebrew:基本的希伯莱数字
Hiragana:日本平假名字符;hiragana-iroha:日本平假名序号
Katakana:日本片假名字符;katakana-iroha:日本片假名序号
Lower-latin:小写拉丁字母;upper-latin:大写拉丁字母
浏览器专属的属性****
1. internetExplorer浏览器专属的css属性需添加-ms-
2. -moz
基于gecko引擎的浏览器(如firefox)
-o- opera浏览器
-webkit-
所有基于webkit引擎的浏览器,如chrome、safari
新增伪类选择器****
Selector:target:匹配符合selector选择器且必须是有锚点目标的元素
1. 匹配相关url指向的E元素例如:
2. Div.target指向的是下面的代码,单机a的时候选中的是对应的id等于#name对应的模块
4.
例如css/target
Selector1:not(selector2):匹配符合selector选择器,但不符合selector2选择器的元素,相当于selector1减去selector2
字体相关属性****
1. font-style:显示字体的风格
2. font-variant:设置文字的大写字母格式,属性值为normal(正常)、small-caps(小型大写字母)
3. Text-transform:文字的大小写,none(不转换)capitalized(首字母大写)、uppercase(全部大写)、lowercase(全部小写)
4. text-shadow:color:指阴影的颜色,如果省略制定的阴影的颜色,在firefox、opera中直接使用字体颜色
2022-2-26
font-face:语法
font-face{
Font-family:name;
Src:url(url)format(font format)}
Name:指的是服务器
Url:该字体的绝对路径或相对路径
format:指定该字体的格式
目前服务起器字体只支持true type格式(对应*.ttf字体文件)和open type 格式(对应*.off字体文件)
font-face中还支持font-style,font-weight属性
Css18.html火狐不支持
Local
Font-size中src属性除了可以使用url定义服务器字体的路径外,还可以使用local属性指定客户端字体的名称
font-face{
font-family:方正隶书简体
Src:local(“方正黄草简体”),url(“fzlsjw.ttf”)format(“true type”)
}