css基本框架
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--
描述：外部样式
创建一个外部样式表文件，并用link元素引用
-->
<link href="css/easy_css_demo.css" type="text/css" rel="stylesheet"/> <!--
描述：文档内嵌样式
使用style元素，编写一个选择器和一组样式声明
-->
<style>
p{
background-color: aqua;
}
</style> </head>
<!--
描述：元素内嵌样式
用style属性创建元素内嵌样式
-->
<body style="background-color: #808080;">
<p>段落</p>
<a href="http://www.baidu.com"> 百度</a>
</body>
</html>
easy_css_demo.css
/*
* 用@import语句，将other_css.css从导入到当前样式表
* （一个样式表中想要导入多少别的样式表都行，为每个样式表使用@import语句即可）
*
* */
@import "other_css.css"; /*css基本框架
* css样式 ：
* property：value;
*/
a{
text-decoration: none;
}
|
CSS属性 |
描述 |
|
background-color |
设置元素背景色 |
|
border |
设置围绕元素的边框 |
|
color |
设置元素的前景色 |
|
margin |
设置元素内边距（元素内容与边框之间的距离） |
|
padding |
设置元素外边距（元素边框以外的距离） |
|
width |
设置元素宽度 |
|
height |
设置元素高度 |
|
font-size |
设置元素文字字号 |
|
text-decoration |
设置元素文字的装饰效果 |