1.CSS文字样式Ⅰ
font-family:字体类型
英文字体:Aroal,'Times New Roman'
中文字体:微软雅黑,宋体
中文字体的英文名称
微软雅黑:'Microsoft YaHei'
宋体:SimSun
示例:
衬线体与非衬线体
2.CSS文字样式Ⅱ
font-size:字体大小
默认大小:16px
写法:number(px) | 单词 (small large ··· 不推荐使用)
项目取值 | 字体大小 |
---|---|
xx-small | 最小 |
x-small | 较小 |
small | 小 |
medium | 正常(默认值) |
large | 大 |
x-large | 较大 |
xx-large | 最大 |
font-weight:字体粗细
两种模式:正常(normal) 加粗(hold)
写法:单词(normal、bold)|number(100 200 ······ 900,100到500都是正常的,500-900都是加粗的)
font-style:字体样式
模式:正常(normal)斜体(italic)
写法:单词(normal、italic)
注:oblique也是表示斜体,使用的较少。
italic与oblique的区别:
①italic带有属性倾斜字体的可以设置
②oblique没有倾斜属性的字体也可以设置倾斜操作
示例:
color:字体颜色
3.CSS段落样式
text-decoration:文本装饰
下划线:underline
删除线:line-through
上划线:overline
不添加任何装饰:none
注:添加多个文本修饰:通过空格隔开
text-transform:文本大小写(针对英文)
小写:lowercase
大写:uppercase
首字母大写:capitalize
4.文本缩进
text-index:首行缩进
en单位:相对单位,1em永远都是跟字体大小相同
text-align:文本对齐方式
对齐方式:left、right、center、justify(两端点对齐)
5.文本的行高
line-height:定义行高
行高:一行文字的高度,上边距和下边距的等价关系
默认行高:不是固定值,而是变化的,根据字体的大小在不断的变化。
取值:1.number(px) | scale(比例值,跟文字大小成比例)
6.文本间距
letter-spacing:定义字间距
world-spacing:定义行间距(针对英文)
强制折行:(针对英文)
1.word-break:break-all;(非常强烈的折行)
2.word-wrap:break-word;(不是那么强烈的折行,会产生一些空白区域)
7.CSS复合样式
一个CSS只控制一种样式,叫做单一样式。
一个CSS属性控制多种样式,叫做复合样式。
复合的写法,是通过空格的方式实现的。复合写法有的是不需要关心顺序,例如background、border;有的是需要关心顺序,例如font。
复合样式
background:red url() repeat 0 0;
border: 1px red solid;
font
注:font最少要有两个值 size family。
尽量不要混写,如果非要混写,那么一定要险些复合样式再写单一样式。
8.CSS选择器
ID选择器
css:#elem{}
html:id="elem"
注:
1.在一个页面中,ID值是唯一的
2.明明规范,字母 _ -数字(命名的第一位不能是数字)
3.命名方式,驼峰式、下划线式,短线式。
驼峰写法:searchButton(小驼峰) SearchButton(大驼峰,不建议)
短线写法:search-small-button
下划线写法:search_small_button
CLASS选择器
css:.elem{}
html:class=“elem”
注:
1.class选择器是可以复用的。
2.可以添加多个class样式。
3.多个样式的时候,样式的优先级根据CSS决定,而不是class属性中的顺序。
4.标签+类的写法