CSS之①常用基本文字属性
QQ:3020889729 小蔡
CSS的作用·个人总结(粗鄙请谅解)
个人感觉,css是对html对网页显示的加工——就好比,一间房间需要装修一样。我们的网页内容也需要修饰之后才更适合对外。而css恰恰可以完善,单纯使用html来排版样式的繁琐和困难。
作用一:本身脱于html,又与html息息相关,完善html的展示效果。
作用二:因为css样式表中含有众多的选择器,每一个选择器可以用在不同的地方,使得html的内容可以呈现更多元的效果——最主要是,让html文档显得更清晰。
(ps:才入手,可能有很多用处,只是呢在下还很菜~)
正文·文字属性
常用的文字属性概括
常用文字属性包括:
- 设置字体大小:font-size
- 设置字体样式:font-style
- 设置字体粗细:font-weight
- 设置字体:font-family
- 以及字体设置的复合属性:font
常用文字属性的属性值介绍(使用属性赋值时要先使用一个’:'号,外加一个空格,比如:color: red;)
font-size的属性值
font-size的属性值为常数,单位为px。
一般的设置需要的单位大多都是px。
使用方法:
font-size: 16px;
/*字体设置很简单,但是需要记得加上单位px才标准。*/
font-style的属性值
这里只讲两个:一个是默认的值:normal——显示为正常文字
另外一个值:italic——显示为斜体。
使用方法:
font-style: italic;/*斜体*/
font-style: normal;/*正常显示*/
font-weight的属性值
该属性的属性值为一些常数,但是呢,无需加上单位,直接设置常数即可。
有几个常用值:400,700,normal。(一般加粗就选700,细体就选400。当然了,如果有提示补全的插件,也可以就选择bold——粗体,bolder——超粗体,lighter——细体)
使用方法:
font-weight: 400;/*设置细体*/
font-weight: 700;/*设置粗体*/
/*不进行属性,就是默认显示字体大小。*/
font-family的属性值
该属性的属性值为一些固定的字体名——但是需要注意的是,有点字体名拥有中英文多种表示时,我们既可以用中文又可以用英文——比如微软雅黑,我们可以使用中文也可以使用英文名。
使用方法:
font-family:‘华文行楷’;
/* 在赋值时,用括号把字体名包围起来 */
/* 在这里提一点: */
/* family可以设置多个属性值——这样设置是为了避免浏览器或者本地没有该字体提供时,采用备用字体选择 */
/* 在这些字体属性值中,默认从第一个开始选择——然后不满足就往后依次选择 */
/* 如果全部不满足就是用默认字体。 */
font复合属性的使用
/* font复合属性的表示文本显示 */
/* 规范:font:font-style font-weight font-size/line-height font-family; */
比如设置字体为斜体,设置字体宽度为400,字体大小修改为25px,字体设置为华文行楷。
font复合属性如下:
font: italic 400 25px '华文行楷';
这样就可以实现以上要求了。
后期总结,可能会补充一些好的范例。
来源:CSDN
作者:笔岸柳影
链接:https://blog.csdn.net/weixin_44604887/article/details/104187904