美文网首页
4、CSS简单的文本样式

4、CSS简单的文本样式

作者: 波罗的海de夏天 | 来源:发表于2017-06-16 17:02 被阅读0次

一、常见的文本样式:
font-size:文字大小(一般均为偶数);
font-family:"STKaiti","simHei","Microsoft YaHei","simSun","Times New Roman","Arial";
color:英文/十六进制/rgb;
line-height:行高(具体的数值);
text-align:文本对齐方式(left/center/right);
text-indent:首行缩进(em缩进字符 或 px缩进具体数值);
font-weight:文字着重(normal/bold/bolder/100-900);
font-style:文字倾斜(normal/italic/oblique);
text-decoration:文字修饰(none/underline/line-through/overline)
letter-spacing:字母间距(具体的数值);
word-spacing:单词间距(以空格为解析单位);
以上文本样式能够在嵌套层级中继承;

二、常见的复合属性:
background: background-color background-image background-position background-repeat;
border: border-width border-style border-color;
padding: (四种情况);
margin: (四种情况);
font: font-style font-weight font-size/line-height font-family;

三、常用的17个属性:
width: 宽度
height: 高度
background: 背景;
border: 边框;
padding: 内边距;
margin: 外边距;
font-size: 文字大小;
font-family: 字体;
color: 文字颜色;
line-height: 行高;
text-align: 文本对齐方式;
text-indent: 首行缩进;
font-weight: 文字着重;
font-style: 文字样式;
text-decoration: 文本修饰;
letter-spacing: 字母间距;
word-spacing: 单词间距;

相关文章

  • 4、CSS简单的文本样式

    一、常见的文本样式:font-size:文字大小(一般均为偶数);font-family:"STKaiti","s...

  • day03

    A今天学到了什么 1.css基本样式 1.css背景 2.css 文本 3.css 字体 4.css 列表样式...

  • 5、CSS文本样式

    CSS文本样式

  • day03

    A今天我学到了什么 1css背景: 2css文本 css字体 4css链接4个链接如下 5css列表样式(仅限ul...

  • day03

    今天学了什么 1.css的背景 2.css 文本 3.css字体 4.css链接 5.css列表样式(针对ul) ...

  • day03

    A今天学了什么 1.css背景: 2.css文本: 3.css字体: 4.css链接: 5.css列表样式(针对u...

  • CSS选择器与文本样式

    CSS选择器以及文本样式 CSS学习 CSS 层叠样式表(Cascading Style Sheets)CSS可用...

  • Css样式--文本样式详解

    Css样式--文本样式详解 文本样式包括所谓的文本缩进:text-indent水平对齐:text-align:ce...

  • css基础知识

    CSS概述 css指层叠样式列表(Cascading Style Sheets)样式定义如何显示HTML文本把样式...

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...