css:层叠样式表 美化页面 修改标签的样式
css:层叠样式表 美化页面 修改标签的样式
写法分类:
1.内联:
<!--使用<link />标签将css文件引入到html文件中-->
<!--<link href="路径" rel="stylesheet"/>-->
<!--<link/>标签只可以放在<head></head>之中,另外在html中内嵌css样式也只可以写在head标签之中-->
<!--内嵌书写方式-->
<style type="text/css"> /*标签名style*/
button{ /*选择器*/
color: red; /*样式属性:样式值*/
}
</style>
<!--css外部文件书写方式:省去了style标签-->
选择器{
样式属性:样式值
}
选择器类型
*{}:通用选择器
标签名{}:标签选择器
#id属性值{}:id选择器
.class属性值{}:class选择器
子标签不是所有的样式都会继承父标签
常用的样式:
font-size:字体大小
font-weight:字体加粗
color:字体颜色选择
background:背景颜色颜色选择
list-style-type:列表样式改变