htmledit_views">
简介
css用于定义网页样式,包括针对不同设备和屏幕尺寸的设计和布局。
语法:由选择器和声明组成。
选择器指向您需要设置样式的 HTML 元素。
声明块包含一条或多条用分号分隔的声明。
css使用方法
1.外部css,
使用最多,就是创建一个后缀为.css 的文件,在html文件中用<link>标签引用它
html"><!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body><h1>This is a heading</h1>
<p>This is a paragraph.</p></body>
</html>
2.内部 CSS
如果一张 HTML 页面拥有唯一的样式,那么可以使用内部样式表。
内部样式是在 head 部分的 <style> 元素中进行定义。
html"><!DOCTYPE html>
<html>
<head>
<style>
body {background-color: linen;
}h1 {color: maroon;margin-left: 40px;
}
</style>
</head>
<body><h1>This is a heading</h1>
<p>This is a paragraph.</p></body>
3.行内 CSS
行内样式(也称内联样式)可用于为单个元素应用唯一的样式。
如需使用行内样式,请将 style 属性添加到相关元素。style 属性可包含任何 CSS 属性。
html"><!DOCTYPE html>
<html>
<body><h1 style="color:blue;text-align:center;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p></body>
</html>
若一个元素被多次定义,则只保留最后一个属性
层叠顺序
当为某个 HTML 元素指定了多个样式时&#x