标签：text 元素 day06 H5 大写字母 设置 对齐 内联 CSS

(接上篇)

6.小型大写字母 font-variant

　　normal 默认值

　　small-caps 小型大写字母(把小写字母强制转换为大写字母,比大写字母小一号)

7.简写

　　font:倾斜 加粗 小型大写字母..  大写 字体样式(大写与字体样式固定后两位,顺序不可打乱)

8.文本属性

text-align(水平对齐),line-height(行高),text-transform(强制大小写) text-decoration(线条的修饰)

　　left左对齐

　　right右对齐

　　center水平居中

　　justify两端对齐

line-height

　　行高左右有三种

　　1.可以设置行间距

　　2.清除内容自带的宽高(12px一下的可以不清行高)

　　3.让单行文本垂直居中(行高值等于高度值)

设置内容大小写转换

　　text-transform 强制大小写

　　　　　　none  默认值，没效果              uppercase  大写字母              lowercase  小写字母              capitalize  首字母大写

　　text-decoration 线条的修饰

　　　　　　none        取消线条                 underline  下划线                 overline    上划线                 line-through 删除线

首行缩进

　　text-indent:2em;可以设置负值 负值可以隐藏文本内容

字间距 letter-spacing:字与字间的距离

词间距 word-spacing:英文单词的内容 主要设置的就是空格

列表属性

list-style-type

　　disc默认实心圆

　　circle　空心圆

　　square  实心方块

　　none 取消

块元素和内联元素的概念

　　块元素

　　1.上下排列 独占一行,可以设置宽高属性 可以嵌套,可以包裹块元素和内联元素

　　内联元素

　　1.左右显示,一行显示多个,不会自动换行 设置不了宽高,内联元素大小由内容撑开 内联元素只能嵌套内联元素

标签：text,元素,day06,H5,大写字母,设置,对齐,内联,CSS
来源： https://www.cnblogs.com/Leaden/p/12764443.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。