css 就是为html服务的。
html专注于做页面的开发，css 专注于做样式的开发。
三种主要结合方式：
<div style="color:red"/>
我要评论<head>
<style type="text/css">
div {
color:blue
}
</style>
</head>
<link rel="stylesheet" type="text/css" src="css的路径"></link>
3种结合方式优先级：方式1>方式2>方式3
css的样式优先级是从内到外,执行顺序是从上到下。
以下面这段代码为例：
<div id="huge1" name="xxxx" class="hugeclass">
<p>我刚才喜欢胡歌，现在不怎么喜欢，喜欢的人太多了</p>
<div id="huge2"></div>
</div>
<div id="huge3" class="hugeclass2">
很多很多内容
</div>
<!--样式是以分号结尾的,属性有：
border: 边框 line_width|line_style|color
第一个是边框的宽度，第二个就是边框：实线，虚线 color:边框的颜色
margin:外边距 分上右下左（顺时针）
pading:内边距 -->
<style>
div {
border:1px solid red;
}
</style>
<style>
#huge1 {
color:red;
border:1px solid black;
}
</style>
<style>
.hugeclass {
border:1px solid blue;
}
</style>
选择器的优先级：id >class>标签
css：层叠样式表
样式是一层一层
多个样式指向同一个标签，样式会叠起来，但是叠的顺序就是id ,class,标签
标准的格式 div[]
一个超链接点击以后，要给它变一个颜色。
超链接的伪类选择器：
未点击 ->放到超链接上-> 点击-> 链接完成
:link-> :hover-> :active-> :visited
<style>
a:visited {
color:red;
}
</style>
只需要改变盒子模型的值（css）就ok了，而css是一个分离的文件，这样设计一个页面j就很简单。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论