您的位置：首页 > Web前端 > CSS

CSS入门基础

2016-03-16 21:46 453 查看

一、CSS介绍及学习路径

有效地对页面的布局、字体、颜色、背景和其他效果实现精准控制。

二、CSS的基础语法

CSS由选择器和一条及多条声明组成

选择器：需要改变样式的html元素

声明：由一个属性和一个值组成，每个属性有一个值，属性和值被冒号隔开 selector｛property:value｝

例：h1{

color:red;

font-size:14px（字体大小14像素）

}

属性大于一，用封号隔开。

注意：如果值大于一个单词加“”

程序举例：

<!doctype html><html>
<head>
<meta charset="UTF-8">
<title></title>

<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>

<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;}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航