标签：服务 简单 虚线 简介 重点 知识 标签 round 包含
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就很简单。
标签：服务 简单 虚线 简介 重点 知识 标签 round 包含
原文地址：https://www.cnblogs.com/CodingBear/p/11284583.html
