前言:
如今大家对“css更改字体样式”大体比较重视,姐妹们都需要知道一些“css更改字体样式”的相关知识。那么小编在网摘上网罗了一些有关“css更改字体样式””的相关文章,希望看官们能喜欢,朋友们快快来了解一下吧!之前我们了解了HTML基本知识,现在开始CSS基本知识吧。
什么是css?
CSS指层叠样式表的简称,也可以称为CSS样式表或级联样式表。
作用:用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片外形(宽高、边框样式、边距等)以及页面布局和外观显示样式。
主要使用场景是美化网页,布局页面的。
CSS语法规范
样式规则:
选择器及其声明。(声明=属性:属性值)
语法:
选择器{属性:属性值;}
属性和属性值之间用冒号连接,称为“键值对”。
多个声明之间使用分号分隔。
编辑位置:
style标签中包含选择器和声明。
在head标签中和title标签并列。
样式格式书写:
一行写一个声明。
样式属性全部小写。
在选择器后面和属性值之前添加一个空格。
CSS选择器
作用:根据不同的需求选择不同的标签,这个选择器就是选择标签使用的。选择器可以自定义也可以直接使用标签命名。
选择器分类
分为基础选择器和复合选择器两大类。
基础选择器:是由单个选择器组成。
包括标签选择器、类选择器、id选择器和通配符选择器。
标签选择器:就是以标签名作为选择器,默认选择同一类型所有标签。
语法:标签名 {属性: 属性值;}
如:p { color: red;},指的是所有段落p标签的字体均为红色。
类选择器:自定义命名选择器名称,谁需要谁调用,并且可以多次调用。
语法:.选择器名称{ 属性: 属性值;}
以“.”定义,以“class”调用。
需要使用该选择器的标签就在开始标签中添加“class=”.选择器名称””进行调用即可。
如果一个标签中需要调用多个类选择器,则在开始标签中调用的多个类选择器中间用空格隔开。
ID选择器:具有唯一性,只能调用一次。
语法:#id名:{属性: 属性值;}。
以“#”定义样式,以“id”调用结构。
通配符选择器:不需要调用,默认全局标签添加样式。
如:* { color: red;}
CSS属性字体属性
字体系列:font-family。
字体大小:font-size。
单位为像素,px。
谷歌浏览器默认大小为16px。
标题标签需要单独指定文字大小。
字体加粗:font-weight。
正常文字:400或normal。
标题文字加粗:700或bold。
加粗效果数字后不加px。
字体样式:fongt-style。
font-style:normal。默认值,正常显示。
font-style:italic。浏览器斜体显示。
字体复合属性:
font {font-style font-weight font-size font-family }
必须按照顺序书写,不能更换顺序,并且各个属性之间以空格隔开。
不需要的属性可以不写,但必须保留字号跟字体两个属性,否则font属性将不起作用。
今天学习了css的语法规范和字体属性小小总结一下,知识点比较碎,不想添加代码了,明天继续学习其他属性。
标签: #css更改字体样式