CSS与HTML是现代网页设计的必备技能,它们分别代表着网页的样式与结构。HTML是一种标记语言,它用于描述网页的结构和内容。CSS则是层叠样式表的缩写,它可以用来控制网页的版式、字体、颜色等样式。H
CSS与HTML是现代网页设计的必备技能,它们分别代表着网页的样式与结构。HTML是一种标记语言,它用于描述网页的结构和内容。CSS则是层叠样式表的缩写,它可以用来控制网页的版式、字体、颜色等样式。
HTML代码举例:
<html>
<head>
<title>示例网页</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>欢迎访问我的网站</h1>
<p>这是一个示例网页,使用了HTML和CSS制作而成</p>
<p>以下是一个列表:</p>
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
</body>
</html>
CSS代码举例:
h1 {
font-size: 36px;
color: #333;
margin-bottom: 20px;
}
p {
font-size: 18px;
line-height: 1.5;
color: #666;
margin-bottom: 10px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
font-size: 16px;
color: #999;
margin-bottom: 5px;
}
以上代码是一个简单的HTML网页,通过引入外部CSS样式表,来控制网页的样式。在HTML中,我们可以使用标签来描述网页的结构和内容;在CSS中,我们可以使用选择器和属性来控制网页的样式。两者配合使用,可以使网页看起来更加美观、易于阅读。
粉丝
0
关注
0
收藏
0