css初步

CSS 层叠样式表：
<wbr>将网页中的样式分离出来，完全有CSS来控制.增强杨思的复用性及可扩展性.</wbr>

<wbr>格式：<br><wbr><wbr>选择器{属性名:属性值;...}<br><wbr><br><wbr>一、css和html代码结合的四种方式：<br><wbr>1,每一个html标签都有个style属性.<br><wbr>2,当页面有多个标签有相同样式时，可以进行复用，在html的head部分定义style标签，并嵌入css带按摩.<br><wbr><wbr>&lt;style&gt;<br><wbr><wbr><wbr>css代码.<br><wbr><wbr>&lt;/style&gt;<br><wbr>3,当有多个页面中的标签有相同样式时，可以讲样式单独封装成一个css文件，通过在每个页面中定义：<br><wbr><wbr>&lt;style&gt;<br><wbr><wbr><wbr>@import url("1.css");<br><wbr><wbr>&lt;/style&gt;<br><wbr><wbr>将css文件加载到页面.<br><wbr>4,通过html中的head标签中的link标签连接一个css文件.<br><wbr><wbr>&lt;link rel=""stylesheet href="1.css" /&gt;<br><wbr><wbr>使用技巧：可以讲多个css样式（文件）加载到一个css文件(如：manage.css)中，只要在html页面中加载这个manage.css即可.可以直接对这个css文件进行管理，而不需要调整html代码.<br><wbr><wbr>例如：<wbr>有两个样式表：a.css, b.css.<br><wbr><wbr><wbr>在html中加载1.css即可，而1.css只需要导入这两个文件.<br><wbr><wbr><wbr>@import url("a.css")<br><wbr><wbr><wbr>@import url("b.css")<br><wbr><wbr><br><wbr>二、选择器：css样式作用的标签容器.<br><wbr><wbr>当样式分离后，html作用在于用标签封装数据，然后将css加载进来租用于指定标签上.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr>(一)选择器的分类：<br><wbr><wbr>1,标签选择器：就是html中的每一个标签名.<br><wbr><wbr>2，类选择器:就是每一个标签中的class属性,用.的形式来标示.<br><wbr><wbr><wbr>只对css所使用，可以给不同的标签尽心相同的样式设定.<br><wbr><wbr>3,ID选择器：其实就是每一个标签中的ID属性，但是要保证ID的唯一性，用#来标示.<br><wbr><wbr><wbr>ID属性不仅可以被css使用，还可以被javascript使用.<br><wbr><wbr><br><wbr><wbr>选择器的优先级：ID&gt;class&gt;标签.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr>(二)扩展选择器：<br><wbr><wbr><wbr>1、关联选择器：就是对标签中的标签进行样式定义.<br><wbr><wbr><wbr><wbr>格式：选择器 选择器 ...<br><wbr><wbr><wbr>2、组合选择器：对多个选择器进行相同的样式定义，将多个选择器通过,隔开.<br><wbr><wbr><wbr>3、为元素选择器:其实就是元素的一种状态.<br><wbr><wbr><wbr><wbr>a:link——超链接被点前的状态.<br><wbr><wbr><wbr><wbr>a:visited——超链接点击后的状态.<br><wbr><wbr><wbr><wbr>a:hover——鼠标悬停在超链接上的状态<br><wbr><wbr><wbr><wbr>a:active——点击超链接时.<br><wbr><wbr><wbr><wbr>p:first-letter——首字母<br><wbr><wbr><wbr><wbr>P:first-line——首行<br><wbr><wbr><wbr><wbr>:focus——获得焦点时.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>css滤镜：通过一些代码丰富了样式.</wbr></wbr></wbr>

<wbr><wbr><wbr>css帮助文档.</wbr></wbr></wbr>