5-css基础选择器

css基础选择器:

标记选择器

类选择器

id选择器

CSS字体样式和文字外观:

font-size:字号大小

font-family:字体

font-weight:字体粗细

font-variant:变体

font-variant属性用于设置变体(字体变化),一般用于定义小型大写字母,仅对英文字符有效。

font-style:字体风格

  normal:默认值,浏览器会显示标准的字体样式。

  italic:浏览器会显示斜体的字体样式。

  oblique:浏览器会显示倾斜的字体样式。

font:

选择器{font: font-style font-variant font-weight /line-height font-family;}

p{ font:italic small-caps bold 30px/40px Arial,"宋体" ;}

CSS文本外观属性

color:文本颜色

letter-spacing:字间距

word-spacing:单词间距

line-height:行间距

  line-height常用的属性值单位有三种,分别为像素px,相对值em和百分比%,实际工作中使用最多的是像素px。

text-transform:文本转换

  none:不转换(默认值)。

  capitalize:首字母大写。

  uppercase:全部字符转换为大写。

  lowercase:全部字符转换为小写。

text-decoration:文本装饰

  none:没有装饰(正常文本默认值)。

  underline:下划线。

  overline:上划线。

  line-through:删除线。

text-align:水平对齐方式

  left:左对齐(默认值)

  right:右对齐。

  center:居中对齐。

text-indent:首行缩进

  建议使用em作为设置单位

white-space:空白符处理

  normal:常规(默认值),文本中的空格、空行无效,满行(到达区域边界)后自动换行。

  pre:预格式化,按文档的书写格式保留空格、空行原样显示。

  nowrap:空格空行无效,强制文本不能换行,除非遇到换行标记<br />。内容超出元素的边界也不换行,若超出浏览器页面则会自动增加滚动条。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容