字体、文字样式

font-familyfontfamily'MicrosoftYaHei''MicrosoftYaHei'serifserifsans-serifnoseriffangsong政府文件草图font:font-stylefont-weightfont-size字体系列;1.必须包含font-size,font-family2.font-style和font-weight必须在font-size之前3.font-family必须放在最后webfont@font-face1.下载ttf字体文件2.放到对应的目录（项目目录）3.在style标签中通过@font-face引入@font-face{font-family:'myfont';src:url('./文件名.ttf');}4。在需要字体的地方使用div{font-family:'myfont';}字体图表库iconfont,fontawesomeiconfont1.改变图标大小时，使用font-size2.选择要改变的图标时，需要选择fontawesomeiconfont：1.图标添加项目->fontclass中在线链接->css文件内容复制到VScode中新建的css文件2.html文件链接css文件，i标签添加图标(class="iconfont图标类名")注：1.添加图标，更新整个css文件，在html2中添加一个新图标。改变图标大小1.修改单个图标--classname.icon-yonghu{font-size:30px;}2。修改所有图标.iconfont{font-size:30px;}fontawesomewww.bootcdn.cn->font-awesome->将link标签复制到htmlclass中修改图标名称，大小2.文字样式texttext-align当前元素中的文字对齐方式leftcenterrightjustifytext-decorationunderlineunderlineoverlineOverlineline-throughStrikethroughtext-shadowtextshadowpxxaxisoffsetpxyaxisoffsetblurblurdistancecolortext-shadow:10px10px2pxredtext-transform文本变形lowercaselowercaseuppercasecapitalizeinitiallettercapitalizetext-indent首行缩进2em2%3.列表样式list-style:none;去掉li标签的默认样式4.扩展文本水平和垂直居中Horizo??ntal:text-align:center;标签颜色默认样式：#333；文字装饰：无；游标：默认；pointer--alabeldefaultwait帮助子元素在父元素中水平和垂直居中父元素：display:table-cell;垂直对齐：中间；对齐项目：居中；子元素展示：inline-block；五。Unit1)Color1.关键词red,yellow...color:red;2.十六进制颜色color:#333333==>color:#333;3.rgb函数r红g绿b蓝color:rgb(0,0,0);0~2554.rgba函数rredggreenbblueacolortransparencycolor:rgba(0,0,0,0.5);0~255/0~1***opacity和rgba函数的区别***opacity父元素的透明度会影响子元素，子元素不能设置为普通透明度。rgba函数的透明度只会影响父元素，不会影响子元素5.渐变色background-image:linear-gradient(toright,red,yellow);径向渐变（红色，黄色）；从左到右，从红到黄的渐变背景属性：1.background-color2.background-image:url('');（与img不同，background可以在图片上加文字）3.background-positioncentertopleft4.background-repeatno-repeatnotrepeatrepeat-xx轴重复repeat-yy轴repeat5.background-size背景图片大小conaincover100%100%100px200px6.background-clip背景裁剪切割方式border-box（默认）边框下填充，padding-box，边框下不铺，content-boxpadding部分，不铺7.background-origin铺装起始位置border-boxpadding-boxcontent-box简写：background:url()#ccc无重复中心；2)长度绝对单位px相对单位em当前文本换行元素上的Font-size123321