一、CSS介绍及学习路径
有效地对页面的布局、字体、颜色、背景和其他效果实现精准控制。
二、CSS的基础语法
CSS由选择器和一条及多条声明组成
选择器：需要改变样式的html元素
声明：由一个属性和一个值组成，每个属性有一个值，属性和值被冒号隔开 selector｛property:value｝
例：h1{
color:red;
font-size:14px（字体大小14像素）
}
属性大于一，用封号隔开。
注意：如果值大于一个单词加“”
程序举例：
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title></title>
<!--引外部资源 MyCss.css-->
<link rel="stylesheet"href="MyCss.css"type="text/css">
</head>
<body>
<h1>
shiyanlou
</h1>
</body>
</html>
h1{color:red;font-size:50px;}
二、CSS高级语法
1、选择器的分组：用逗号将分组隔开
2、继承：子元素由父元素继承属性
3、程序举例
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title></title>
<!--引外部资源 MyCss.css-->
<link rel="stylesheet"href="MyCss.css"type="text/css">
</head>
<body>
<h1>
shiyanlou
</h1>
<a>love</a>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
</body>
</html>
h1,a,h2{color:red;font-size:50px;}
body{color:blue;}
h4{color:green;}
扫一扫
875
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
