关于HarmonyOS的学习

day3

一、文本属性

1.加粗和斜体 加粗：font-weight：bold（bolder在浏览器现实中和bold看起来差不多。） font-weight：100（100较细；200-300较正常；400常规；500加粗；600-900也是加粗，只是效果看起来差不多） font-weight：normal（取消文字加粗） font-style：italic（倾斜体） font-style：oblique（倾斜的文字） font-style：normal（取消倾斜）

2.字体和服务器字体

font-family："微软雅黑"（如果中文的字体需要加双引号；如果是英文字体，单个单词不需要加引号，多个单词组成的就需要加；如果是多个字体，字体与字体间需要用逗号隔开；不同版本的浏览器的默认字体可能不同；如果浏览器不支持某个字体，那么可以一次性设置多个字体，后面的会把前面的给覆盖掉） @font-face{ font-family: "111"; src: url("font/灵动指书手机字体.ttf"); } h1{ font-family: "111"; } 1

老大哥来了，张非常害怕！

font-size：16px（浏览器字体默认大小是16px，最小是12px，但是有些浏览器小于12px后会阻止你修改，即修改了没用）

3.首行缩进和字间距 text-index：2em（em单位是相对于容器大小的一个单位；他是一个动态单位，能根据字体大小改变而改变；默认的1em=16px） letter-spacing：3px（字间距）

二、列表属性

list-style-type：none（取消列表前的标记），square小方块、disc小圆圈、circle空心圆 list-style-position:inside（列表的位置属性）

使用背景图来做列表符号： background: url("img/1.jpg") no-repeat 13px 10px; background-size: 10px 10px

三、margin-top问题

当给子元素设置了margin-top之后，浏览器在解析的时候会误认为是给父元素设置的，会出现整体往下掉的情况，只需要给父元素设置overflow：hidden 或者是在父元素或子元素里设置float：left即可解决。

四、overflow属性

文本溢出属性： visible（默认值，不隐藏） hidden（溢出隐藏） auto（只有当内容溢出时，会自动出现滚动条） scroll（无论内容是否溢出都会出现横向和纵向的滚动条） inherit（继承，给父元素设置的什么overflow属性，那么子元素就会继承什么overflow的属性） 注意：由于电脑系统的不同，滚动条等出现的样式可能会有不同