写在前面:CSS选择器
网页要显示很多内容,想要为每个内容设置不同的样式,我们就得首先选中要设置样式的内容,CSS选择器就是指明该样式是针对HTML里哪一个元素的。简单的例子,网页上有几段文字,我们想把第一段文字调成红色的,在用CSS写完红色文字样式后,是不是得指明该红色文字样式是针对第一段文字的,那就得用CSS选择器了。CSS选择器提供了多种方式帮你选中要设置样式的元素,这里我们介绍常用的三种:
元素选择器,就是“选中”相同的元素,然后对相同的元素设置同一个CSS样式。
ID选择器,元素选择器范围太广,可以选中所有相同的元素,如果我们想指定某一个元素,就可以为该元素设置一个ID,就是相当于取一个独一无二的名字,然后用ID选择器就可以单独选中它。
class选择器,假如我们想要为不同类型的多个元素设置相同的样式该怎么办呢,那么我们就可以写一个class,然后在要应用这个class样式的元素中声明就可以了。
别罗嗦,来个例子看看!
复制代码
还有诗和远方的田野
还有诗和远方的田野
还有诗和远方的田野HTML元素:段落及文字
在word中,我们可以方便编辑一篇文章,可以有标题、段落、换行,甚至还有一些特殊字符。在HTML中,也可以方便的实现这些编辑操作。
-
区块标签:
标签用来划分一个区域。主要用来为HTML文档内大块的内容提供结构和背景。一个页面可以用划分若干区域,每个区域在放置若干元素。 是内嵌文本容器,就是在一行内划分一个区域,比如,要在一行内显示两种不同样式的文字,就可以用 划分两个区域,分别设置不同的文字样式。 -
标题标签:HTML的标题可分为六级,分别是
、、、、、,这些标题标签,可以根据需求使用,为最高一级标题,级别越高,字体越大。
-
段落标签
:段落标签会自动换行,并且段落与段落之间会有一定的空隙。 -
换行标签
:使用换行标签我们可以在任何地方随时换行。 -
水平线标签
:使用该标签可以在页面上显示一条水平直线。
6.上标标签和下标标签:该标签常用于编辑数学公式或化学分子式等。
来个例子看看!
复制代码
平凡之路
我曾经跨过山和大海,也穿过人山人海
我曾经拥有着一切,转眼都飘散如烟
上标和下标
勾股定理a2+b2=c2
二氧化碳CO2
CSS:段落及文字样式
类似word一样,CSS也可以设置字体类型、文字大小、文字粗细、是否斜体以及文字颜色。详见下表。
注:italic和oblique的区别:简单说来就是一般字体都可以用italic来设置斜体,但有些特殊的,设置了italic不起作用,那就用oblique来搞定。文字粗细和斜体normal为默认值。
复制代码
我曾经跨过山和大海
我曾经拥有着一切
CSS针对文本段落的设置主要包括:添加下划线或删除线、设置首行缩进、设置行高、设置文本水平对齐方式、设置字符间距等。详见下表:
注:text-decoration属性的none值可以去掉默认就有下划线的标签,比如:超链接标签
复制代码
生活本来就是一个七日接着一个七日,时间不会突然中断, 如果努力中断,那么时间的拉长就会稀释过去的成绩, 因此,我们需要坚持,世上无难事,只怕有心人, 再坚持一下,下一秒就会有奇迹。
三更灯火五更鸡
正是男儿发愤时