其他分享
首页 > 其他分享> > 关于我和前端的那些事(1)

关于我和前端的那些事(1)

作者:互联网

    CSS的第一天学习

1.CSS介绍


CSS一般是放在head部分,这样CSS就和body部分分开了。

2.标签选择器

CSS在head部分是style标签,然后style由选择器(标签名字)+花括号组成,其中花括号里写入键值对(什么属性以及属性值)。
属性值之间用冒号分隔,每个属性值最后用分号结尾。

3.类选择器

单独修改某一个或几个标签名字一样的标签,可以用类选择器。
类选择器口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用。

3.1多类名

多个类名,类名间用空格分开

会同时拥有两个类的属性。

4.id选择器

元素以id属性来设置id选择器,CSS中id选择器以"#"来定义,
id选择器的口诀:样式#定义,结构id调用,只能调用一次,别人切勿调用。

5.通配符选择器

通配符选择器使用"*"定义,它表示选取页面中所有元素(标签),
*把全部标签都改成了指定的颜色,但前提是没有指定的标签才生效,否则一样是按照原本class或id标签的指定生效。


6.CSS字体属性

fonts属性用于定义字体系列、大小、粗细、和文字样式(如斜体)

6.1字体系列

CSS使用font-family属性定义文本的字体系列,
后面可以接多个字体,如果系统没有第一个字体,就会检索下一个字体,以此类推。

6.2字体大小

CSS使用font-size属性定义字体大小,px(像素)大小是常用的单位,标题标签比较特殊需要单独指定大小。

6.3字体粗细

CSS使用font-weight属性设置文字字体的粗细,
不加粗就用font-weight=400或者normal。

6.4文字样式

CSS使用font-style属性设置文本的风格。

字体复合属性

字体属性可以把以上文字样式综合来写:
1.顺序固定,不能更换顺序(样式、粗细、大小、字体),各属性空格隔开。
2.不需要设置的属性可以省略,但必须保留font-size和font-family属性,否则font属性将不起作用。


7.CSS文本属性

CSS文本属性可以定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。

7.1文本颜色


color属性用于定义文本的颜色

7.2对齐文本 text-align属性用于设置元素内文本内容的水平对齐方式
(默认是左对齐)

7.3装饰文本

text-decoration属性规定添加到文本的装饰。可以给文本添加下划线、删除线、上划线等。
取消a标签网址的默认下划线或者颜色
(主要要知道如何添加和删除下划线)
如:

7.4文本缩进

text-indent属性用来指定文本的第一行的缩进,通常是讲段落的首行缩进 em是一个相对单位,就是当前元素(font-size)1个文字的大小。

7.5行间距

line-height属性用于设置行间的距离(行高)。可以控制文字行与行之间的距离。

8.CSS的引入方式

8.1CSS的三种样式表

按照CSS样式书写的位置,CSS样式表可以分为三大类:

1.行内样式表(行内式)

适合修改简单样式

2.内部样式表(嵌入式)

(上面的CSS都是属于嵌入式)
内部样式表是写到html页面内部,将所有CSS代码抽取出来,单独放到一个style标签中。
style标签理论上可以放在html文档的任何地方,但一般会放在文档的头部head标签。

3.外部样式表(链接式)

样式单独写到CSS文件中,之后把CSS文件引入到html页面中使用
两步走:

3.1.建一个css的文件,把所有css代码放里面。
3.2.在html页面中,使用link标签引入文件。

今天的CSS学习结束啦,咱下篇文章见啦!!!

标签:font,标签,前端,那些,关于,文本,选择器,CSS,属性
来源: https://www.cnblogs.com/cgj-blogs/p/16523228.html