HTML样式-CSS
网页目前的模式是 html+css+javascript , html是网页的结构,CSS是网页的样式,javascript是行为。结构就是盖房子先要把结构建出来,然后用CSS来装饰。
CSS:层叠样式表或称级联样式表,使用CSS可以实现页面的内容与表现形式分离,样式存储在样式表中,通常放在< head >部分(使用添加到 < head > 部分的样式信息对 HTML 进行格式化)或存储在外部CSS文件中。
将CSS添加到HTML中的三种方式:
1.内联样式- 在HTML元素中使用"style" 属性(当特殊的样式需要应用到个别元素时,就可以使用内联样式)如:背景色属性(background-color)定义一个元素的背景颜色,font-family(字体),color(颜色),和font-size(字体大小)属性来定义字体的样式, text-align(文字对齐)属性指定文本的水平与垂直对齐方式。
2.内部样式表 -在HTML文档头部 < head > 区域使用< style > 元素 来包含CSS(文件需要特别样式时)
例:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
3.外部引用 - 使用外部 CSS 文件(最佳,样式需要被应用到很多页面的时候,使用外部样式表,可以通过更改一个文件来改变整个站点的外观)
例:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>