11: text-transform:; 控制文本大小写。 属性值: uppercase 大写 lowercase 小写 capitalize 每个单词的首字母大写 10:字间距、词间距 letter-spacing:; 字间距 word-spacing:; 词间距 text-indent能设置负值:文字往左走。(悬挂式缩进) 9: text-indent:; text-indent:2em;首行缩进: 8:text-decoration:; 文本修饰(下划线、上划线、删除线) 属性值: none 清除下划线 underline 添加下划线 overline 添加上划线 line-through 添加删除线 7:text-align:; 控制文本的水平对齐方式 属性值: center 居中对齐 left 左对齐 right 右对齐 justify 两端对齐 6: line-height:; 控制文本的行高。 a: 从ps设计图上:怎么获取行高:从第一行开始量到第二行开始。 b: 单行文本: 如果让单行文本在容器里面上下居中,line-height设置容器高度即可 显示状态: 小于容器高度的时候:文本往上移动 大于容器高度的时候:文本往下移动 5: font-style:;控制文本的倾斜 属性值: italic 倾斜 oblique 倾斜(倾斜幅度更大,但是一般不会有明显变化) normal 恢复常规文本 4:font-weight:;控制文本是否加粗 属性值: bold 加粗 bolder 加粗 normal 清除加粗,恢复常规文本 100 - 900 100 - 500:不加粗 600 - 900:加粗的状态 语法: font-family:字体1,字体2,字体3,...... 注: a:中文字体必须放在引号里面 b:如果一个字体多个单词组成 也要放在引号里面 c:如果字体是一个单词 不需要引号。 d:先写英文字体,后写中文字体。 3:font-family:;控制的是网页中字体类型。 默认的字体类型:"微软雅黑" 系统能支持的字体:web安全字体:微软雅黑、宋体、楷体... 英文默认的字体:Arial 2:color:; 控制网页中的文本颜色 颜色值: a:十六进制表示颜色值: 16进制数字:0 - 9 a - f 颜色值: #ff0000 6个数字: 前两位 红色 中间两位 绿色 最后两位 蓝色 b: RGB(255,0,0) 模式 拓展: rgba(255,0,0,0.5); 1: font-size:; 控制文本大小 a:为了消除系统之间显示差异,规定:16px 为标准字体大小。 b:文本大小设置,设置为偶数。 c:PC端项目,设置最小尽量别低于12px ; d:从ps中获取文本大小,汉字量取文本高度。 e:文本单位: px \ em \ pt(磅)【常用在印刷领域】 12px == 9pt em ( 相对大小单位,相对于父元素的font-size值而定 ) (默认情况下, 1em == 16px) f:(了解) xx-small =9px x-small =11px small =13px medium =16px large =19px x-large =23px xx-large =27px css属性:width\height\background\color\border... css的属性值:常规属性值、法定属性值。 常规属性值:100px\200px\300px 法定属性值:官方指定一个单词,具有某种意义。--><!-- 文本属性: </style></head><body> <div class="box"> <span>胖帅胖帅胖帅胖帅胖帅胖帅</span>how are you </div> <em>倾斜倾斜倾斜倾斜倾斜倾斜</em> <i>倾斜倾斜倾斜倾斜倾斜倾斜倾斜倾斜</i></body></html><!-- 回顾:css的语法: 选择符{属性:属性值;} .box{ width:500px; height:300px; background:#ccc; font-size:30px; /* 设置字体类型 */ font-family:Arial; /* 设置文本的加粗 */ font-weight: 900; } .box span{ font-style:italic; }# 1级标题今日内容:css属性
css属性
最新推荐文章于 2024-02-06 14:12:36 发布