在网页开发中,CSS是控制样式的重要工具之一。其中,样式表是css的一种实现形式,具有方便、清晰、易维护的特点。CSS样式表包括内部样式表、外部样式表、嵌入式样式表三种类型。内部样式表:内部样式表是含
在网页开发中,CSS是控制样式的重要工具之一。其中,样式表是css的一种实现形式,具有方便、清晰、易维护的特点。CSS样式表包括内部样式表、外部样式表、嵌入式样式表三种类型。
内部样式表:内部样式表是含有css样式的“style”元素,位于html文档的head标签中。
<head> <style> body{ background-color:#F0F0F0; } </style> </head>
上述代码说明了内部样式表的作用:页面背景颜色为灰色。
外部样式表:外部样式表需要单独创建一份css文件,并通过“link”元素来引入html文档。
<head> <link href="style.css" rel="stylesheet"> </head>
上述代码引用了名为“style.css”的外部样式表文件。
嵌入式样式表:嵌入式样式表与内部样式表相似,只不过嵌入式样式表的样式是直接写在html文档中的“style”元素中。
<head> <title>样式表</title> <style> p{ color:blue; } </style> </head> <body> <p>蓝色字体</p> </body>
上述代码嵌入式样式表通过“p”元素实现了蓝色字体的效果。
总而言之,样式表在网页开发中十分重要,可以根据需要选择内部、外部、嵌入式样式表,实现复杂样式的控制,为网页设计打下良好基础。
粉丝
0
关注
0
收藏
0