欢迎来到小居数码网-一家分享数码知识,生活小常识的网站,希望可以帮助到您。

当前位置:生活小常识 > 数码知识 >
优质

css中文字体样式(css样式中文本及字体属性)

数码知识

林毅夫优秀作者

原创内容 来源:小居数码网 时间:2024-08-11 19:07:01 阅读() 收藏:30 分享:41

导读:您正在阅读的是关于【数码知识】的问题,本文由科普作家协会,生活小能手,著名生活达人等整理监督编写。本文有497个文字,大小约为2KB,预计阅读时间2分钟。

一、CSS字体样式定义字体系列,大小,粗细和文字样式

css样式中文本及字体属性

一、CSS字体样式

(一)字体系列(font-family)

(二)字体大小(font-size)

(三)字体粗细(font-weight)

(四)字体样式(font-style)

(五)字体复合属性(font)

 p {    font: font-style font-weight font-size/line-height font-family;  }

不能更换顺序,必须保留font-size和font-family

二、CSS文本属性

定义文本外观,如:文本颜色,对齐文本,装饰文本,文本缩进,行间距等

(一)文本颜色(color)

(二)对齐文本(text-align)

(三)装饰文本(text-decoration)

(四)文本缩进(text-indent)

(五)行间距(line-height)

三、格式化代码

  1. Emmet语法前身为Zen coding,它使用缩写来提高html/css的编写速度,VSCode内部已经集成该语法,快速生成HTML结构语法和CSS样式语法

2. 快速生成HTML结构语法

  • 生成标签,直接输入标签按Tab键即可
  • 生成多个相同的标签,标签加星号*键按Tab键
  • 父子级关系的标签,可以用大于号>和enter键
  • 兄弟关系的标签,可以用加号+和enter键
  • 生成带有类名或id名字,可写成标签加.类名/#名加Tab键(p.one生成
  • 生成.div类名是有顺序的,可用自增符号¥
  • 生成标签的内部写内容,可用{}表示
  • 3.快速生成CSS样式语法

  • CSS基本采取简写形式即可(w 200 加Tab生成width: 200px;)
  • 单词首字母加Tab键
  • 4.快速格式化代码

  • Shift+Alt+F/右键-格式化代码
  • 保存页面时自动格式化代码(在设置中的文本编辑器中找到格式,勾选Format On Save即可,也可把Format On Type勾选上)
  • 5.去掉li前面的项目符号

    语法  list-style: none;

    上面就是小居数码小编今天给大家介绍的关于(css样式中文本及字体属性)的全部内容,希望可以帮助到你,想了解更多关于数码知识的问题,欢迎关注我们,并收藏,转发,分享。

    94%的朋友还想知道的:

    (397)个朋友认为回复得到帮助。

    部分文章信息来源于以及网友投稿,转载请说明出处。

    本文标题:css中文字体样式(css样式中文本及字体属性):http://sjzlt.cn/shuma/154766.html

    猜你喜欢