第一天学习HTML
今天开始学CSS样式表! cssy样式表是对元素进行设置修饰包装,!
如何使用CSS样式表!
样式表的三种引用!
1,直接在元素标签中添加
<p style=“font-size:12px;color:red”>这是一个字大小为12像素,红色字</p>
2,在head标签与body标签之间添加 然后引用
<style type="text/css">
/* 这是一个文本注释 */
h1,h2,h3{ //这个一个单行注释 多行选择符
font-size:20px;
font-family:字体;
}
p{ //元素选择
font-size:20px;
font-family:字体;
color:red;
}
*{//通配选择符
font-size:20px;
font-family:字体;
}
one{ //自定义的一个样式 用class引用
color:red;
font-size:100px;
}
#position { //id定义一个样式
width: 150px;
height: 40px;
background: #eee;
}
<style>
<body>
<h1>同</h1>
<h2>同H1</h2>
<h3>同H1</h3>
<p>单独的</P>
<div class="one">class引用</div>
<div id="position">ID引用样式表</div>
</body>
3,外面定义一个CSS样式表文件 在HTML标签head和bod之间引用
<link rel="stylesheet" href="wcss.css" type="text/css" />
总结:样式表达理解和活用,结合HMLT静态网页界面