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

html-css021

曲靖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>链接。

根据 CSS 2.1 规范的描述,应按照以下优先级来确定一个外部 CSS 文件的编码:

HTTP 响应头中 Content-Type 字段的 charset 参数指定的编码。

BOM 以及/或者 @charset 定义的编码。

<link charset=>或其他链接机制提供的元数据(如果有的话)指定的编码。

引入该 CSS 文件的 HTML 或另一个 CSS 文件(如果有的话)中已确定的编码。

如果以上几步都没能确定编码,则假定其编码为 UTF-8。

关于上述内容的详细信息,请参考 CSS 2.1 规范 4.4 CSS style sheet representation 中的内容。

编码的定义肯定是每页都需要的,就像你调用CSS一样,虽然你没有每个页面都更改CSS,都是每个页面都有定义了到CSS文件的链接。

所以,如果你不想在每个页面把编码文件做死的话,可以用类似CSS调用的方法,链接到某个统一的文件(直接写到CSS里面不行呃,CSS是定义样式用的,不是定义编码的)。

调用方法是,在每个页面的顶部加上:

<!--#include File="文件名.后缀"-->

file后面""里是文件链接地址,文件里的内容么,就是类似:

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

这样的编码信息了。

以后你要作改更的话,就对这个文件里的内容作更改就可以了,而不用每个页面作修改。

而且不仅仅是编码信息可以这样放,所有页面当中用到的公共元素,你都可以这样放到include文件里面去,然后用页面调用。而且include文件是可以被调用在页面的任意位置的(根据页面的显示需要)。你试试看。

————————————————————————————

补充:

必须每个页面都加。没法写在CSS里。(你调用CSS还不是每个页面都必须链接到CSS的。)

不加具体内容,就得像链接CSS那样,链一个外部文件,外部文件里写具体内容。

一样的,你还是需要去修改每个页面。

所以在制作的初期作好规划是很重要的。

全部修改也不困难啊,我不知道你是用什么软件做的,但如果你是用dreamweaver的话,软件支持把整个目录下的文件一起查找替换。不用一个页面一个页面打开。但用这个功能要注意了,页面中替换的代码要有唯一性啊,别把页面中别的地方也给换了,你再查起来就麻烦了。其他软件应该也有相应功能,你可以看看。

(原创回答,转载注明,抄袭必究~)