初识css3
会使用行内样式,内部样式和外部样式为HTML和css样式
1.css概念:表现HTML或HTML文件样式的计算机语言.包括字体、颜色、边距、高度、宽度、背景图片、网页定位等设定
2.发展史:1996年css1.0;1998年css2.0;2004年css2.1;2010年css3.0
3.css基本语法结构:选择器{声明1;
声明2;
.......}
4.style标签:
<head>
<title></title>
<style type="text/css">
h1{ 内部样式
color:red; 字体颜色
font-size:30px; 字体大小
}
</style>
</head>
<body>
<!-- -->
<h1>hello css3</h1> (蓝颜色字迹处改变的是绿色字迹处的“hello css3”的颜色)
<h2>hello css3</h2>
<h3>hello css3</h3>
</body>
5.行内样式:<h1 style="color:yellow;font-size:100px;">行内样式</h1> ("行内样式"几个字为黄色效果)
注意:写代码时的习惯和一些细节
6.外部样式
.<link href="../css/week.css" rel="stylesheet"/>
步骤:一、建一个以.css结尾的文件
二、在文件中写入css代码
三、在html中引入css文件
位置放在<head></head>在<style>上面 相当于从外部插入文件。
还有一种<style type="text/css">
@import url("../css/week.css);
</style>
二者位置不一样,但一般都用第一种
7.总:行内样式>内部样式>外部样式
8.css语法规则,使用<style>标签引入css样式