HTML5+CSS3 3

html5文本标签

标题标签                         <h1>                  六级标题,1最大

段落标签                         <p>

空行                                 <br/>                 空标签

mark标签                         <mark>             突出显示的文字。如搜索结果中高亮显示关键字

css字体样式属性

font-size                           5 em/5px          相对当前对象文本/像素

font-family                        "微软雅黑"        即字体宋体等

font-weight                       normal/bold/bolder/lighter/100-900                 粗体/更粗/更细/400=normal,700=bold

font-style                          normal/italic/oblique                默认/倾斜/斜体

字体属性合写                   选择器{font:font-style||font-weight||font-size||line-height||font-family}

定义服务器字体                @font-face{

              font-family:下载字体名称;

              src:字体存放路径;

              font-weight:normal;

              font-style:oblique;

              }

css文本外观属性

 color                        red,blue                                                                     预定义颜色值

                                 #FF0000                                                                   十六进制颜色值

         rgba(255,0,0,0.5)/rgba(100%,0%,0%,0.5)                红,绿,蓝,透明度

letter-spacing           normal,0.5em,3px                                                     字符与字符之间的空白

word-spacing           normal,0.5em,3px                                                      单词之间的空白

lin-height                  5em,3px,150%                                                          行间距

text-transform          none/capitalize/uppercase/lowercase                        英文文本转换 默认不转换/首字母大写/全大写/全小写

text-decoration        none/underline/overline/line-through                          文本装饰 默认不装饰/下划线/上划线/删除线

text-align                 left/right/center                                                            水平对齐方式 右对齐/左对齐/居中对齐

text-indent               2em,5px,10%                                                              首行缩进 字符宽度的倍数/像素/浏览器窗口宽度的百分比

white-space             normal/pre/nowrap                                                      空白符处理   默认,空格无效满行换行/预格式化,原样显示/所有空白符为一个,不能换行除非<br/>超出边界增加滚动条  

text-overflow              clip/ellipsis                                                                 标示对象内溢出文本   修剪不显示....../省略标记....插入最后一个字符结合overflow:hidden使用

text-shadow:1px 1px 1px blue            文本阴影 阴影垂直1px水平1px模糊半径1px颜色为蓝色

css特性

层叠性:应用最后的样式

继承性:后代继承样式

重要性:!important 最高权值显示这个

css优先级

样式:外部<内部<内联样式

选择器:标签<类<id<内联样式

font-awesome web字体图标

https://github.com/FortAwesome/Font-Awesome

图标库 http://fontawesome.io/icons/

猜你喜欢

转载自www.cnblogs.com/zxy117/p/10855731.html