CSS之①常用基本文字属性

邮差的信 提交于 2020-02-06 05:46:04

                         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 '华文行楷';
这样就可以实现以上要求了。

后期总结,可能会补充一些好的范例。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!