好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

04css基础01

04CSS基础01:

CSS(Cascading Style Sheets),是一种用于网页上的样式表语言。它可以为HTML和XML等文档添加样式,以便控制网页上的布局、字体、颜色、背景等外观效果。CSS的优势是样式与内容分离,可以提高网页的可维护性与可重用性。
CSS的基本语法如下所示:
选择器 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
其中,“选择器”为需要设置样式的元素,如h1、p、div等;“属性”是要修改的样式属性,如color、background、font-size等;“值”则是属性所对应的值,如红色、#0000ff、12pt等。
CSS样式可以在HTML文档内部或外部进行定义。内部定义的样式需要使用style标签进行设置,如下所示:
<head>
<style>
h1 {
color: red;
font-size: 20px;
}
p {
color: blue;
font-size: 16px;
}
</style>
</head>
这段代码设置了h1元素的字体颜色为红色、字体大小为20px,以及p元素的字体颜色为蓝色、字体大小为16px。
外部样式表则需要单独创建一个.css文件进行定义,然后在HTML文档内部使用link标签进行引用,如下所示:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
style.css文件内部的代码如下所示:
h1 {
color: red;
font-size: 20px;
}
p {
color: blue;
font-size: 16px;
}
这样,就可以将HTML中的样式与结构完全分离,使代码更加简洁明了,也方便了网页的维护和修改。

查看更多关于04css基础01的详细内容...

  阅读:20次

上一篇: 2018+css厦门大会

下一篇:2017css常用属性