曲靖java培训学校告诉你创建CSS样式表的三种方式？

html-css07

曲靖java培训学校告诉你创建CSS样式表的三种方式？,第1张

主要探讨HTML5中CSS（层叠样式表），它是用来对HTML文档外观的表现形式进行排版和格式化。

使用CSS

CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。

<pstyle="color:redfont-size:50px">这是一段文本</p>

解释：style是行内样式属性。color是颜色属性，red是颜色属性值；font-size是字体大小属性，50px是字体大小属性值。

三种方式

创建CSS样式表有三种方式：1.元素内嵌样式；2.文档内嵌样式；3.外部引入样式。

1.元素内嵌样式

<pstyle="color:redfont-size:50px">这是一段文本</p>

解释：即在当前元素使用style属性的声明方式。

2.文档内嵌样式

<styletype="text/css">

p{

color:blue

font-size:40px

}

</style>

<p>这是一段文本</p>

解释：在<head>元素之间创建<style>元素，通过选择器的方式调用指定的元素并设置相关CSS。

3.外部引用样式

<linkrel="stylesheet"type="text/css"href="style.css">

//style.css

@charset"utf-8"

p{

color:green

font-size:30px

}

解释：很多时候，大量的HTML页面使用了同一个组CSS。那么就可以将这些CSS样式保存在一个单独的.css文件中，然后通过<link>元素去引入它即可。@charset"utf-8"表明设置CSS的字符编码，如果不写默认就是utf-8。曲靖电脑培训http://www.kmbdqn.cn/认为如果有多个.css文件，可以使用@import导入方式引入.css文件。只不过，性能不如多个<link>链接。

1、在图像页面中，我们可以看到样式中的样式列表以及显示的渲染图。

2、选择样式中的所有CSS样式，然后复制或剪切。

3、然后ctrl+N创建一个新的CSS样式文件，如图所示，然后创建。

4、在创建的css样式文件中，粘贴刚刚复制到此处的文件。

5、导出时，您需要将其放在与上一个网页相同的文件夹位置。您可以创建一个新的css文件夹以便于导入。

6、然后返回到html文件，删除所有以前的样式，然后输入链接链接标记，链接以前保存的CSS样式，然后保存。

7、链接完成后，在浏览器中预览它以查看链接是否成功。