1.内嵌样式
/* 被注释内容 */ CSS中的注释
<head>
<style type="text/css">
标签名称{
属性名称: 属性值;
}
</style>
</head>
2.外链样式:外部导入CSS ,首选
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
3.行内样式: 直接写在标签当中
导入样式:
<style type="text/css">
@import "abc.css" ;
</style>
外链样式和导入样式的区别:
外链样式先加载CSS样式再加载html结构, 导入样式先加载html结构再加载CSS
使用步骤:
1.重置样式: YUI RESET
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
a{text-decoration: none}
2.设置全局样式
body{
font-family: "微软雅黑";
font-size: 12px;
color: #999999;
background-color: #f5f5f5;
}
3.外链导入
<link rel="stylesheet" href="css/base.css">