当前位置: 首页 > Web前端 > HTML

css基础——字体那些事

时间:2023-04-02 18:12:19 HTML

css基础——字体那些事1.首先说一下字的大小和样式等,字体大小font-size:40px;textfont-family:"宋体",Arial;普通的;-normal:normalfont-italic,oblique:bolditalicfontfont-weight:bold;每行的高度(lineheight)line-height:50px;问题一:文字字体如何同时写入两个值?答:是第一选择和第二选择的关系。不仅可以写两个,还可以写多个。第一个是首选,第二个是可选的。因为网页中可能有中文和英文,所以中文和英文的字体样式是不一样的。font-family:preferred,alternative1,alternative2...注:网页有中文和英文时。先写英文字体,再写中文字体。因为中文字库包含英文,英文字库不包含中文。问题2:行高是多少?它们的用途是什么?答案:这里转答案,看别人的博文和另一篇文章就更明白了。别人博客的line-height也是用来控制文字的垂直位置的。2.字体相关属性字体颜色color:red;首行缩进text-indent:2em;或文本缩进:32px;文本水平对齐text-align:文本对齐方式——有3个属性值:left、center、right。-只有左、中、右。-上下移动目前可以使用line-height.text-decoration:textdecorationunderlineunderlineline-throughstrikethroughoverlineoverlinenonenowordspacing:letter-spacing:10px;字间距:字间距:10px;字间距+字间距:letter-spacing:10px;和字间距:10px;一起使用强制换行:word-break:break-all;因为中文会强制换行,但是因为英文和数字不会强制换行。英文和数字不会自动换行标题<样式>#box{宽度:300px;高度:300px;边框:1px纯红色;}#box1{宽度:300px;高度:300px;边框:1px纯红色;断字:全部中断;}dhfudhfuhuhjfuihbhbjfhvjfhjgjhjrhufwefeejdsdkj11111

dhfudhfuhuhjfuihbhbjfhvjfhjgjhjrhufwefeejdsdkj11111
数字和正文强制换行
断字:全部中断;-->强制没有换行符:white-space:nowrap;点击查看Forcednolinebreak注意:字间距的使用eg:1.我爱学习2.我爱学习这个字间距的两种写法风格。只有2个作品。因为浏览器不能自动识别那些词,它只知道给了一个空格。查看字间距效果标题<样式>#box1,#box{width:800px;高度:50px;边框:1px纯粉色;红色;font:16px"宋体";字间距:10px;}我喜欢学习
我喜欢学习同时使用字间距和字间距时,注意实际效果:eg:我爱学习。将WordSpacing设置为20px,将WordSpacing设置为50px。实际效果是:I-20px-space-20px-50px-同时使用字间距和字间距的效果标题我爱学习我喜欢学习我爱学习