龙空技术网

初识CSS——语法规范、选择器和字体属性

箐声挽摘星 841

前言:

如今大家对“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更改字体样式