css

1.外链
外链可通过link或import
  <link rel=“stylesheet” type=“text/css” href=“file.css” />

  通过@import导入外部样式表的方法
  <style>
      @import url(css.css);
  </style>


说明： 引用外部的css，与link的区别在于：link是一个html的一个标签，而@import是css的一个标签,
link除了调用css外还可以有其他作用譬如声明页面链接属性，声明目录，rss等等，而@import就只能
调用css。如果单独从外部引用css来说，他们的作用是基本一样的（注：很多旧的浏览器不能识别@import ）



2.使整个网站变灰
通过什么方式吧整个网站的图片变灰色（通过css）
<style>
   *{filter：gray;}
</style>

3.网页类型
html  htm   xhtml(更标准)   shtml（给鉴台网页加动态效果，可以让元素连服务器，更强大，如：cctv网站）


4.<a>标签的4大跳转类型
_blank：在新窗口中打开被链接文档。_self：默认。在相同的框架总打开。_parent：在父框架中打开。_top：在整个窗口中打开。（还有一种则是在指定的窗口中打开）



5.选择器：

   Id选择器
<div id=“footer”></div>
#footer { }

   Class选择器
<div class=“footer”></div>
.footer { }

   Element（标签选择器）
div { }

   Group（分组）
div , span , td { }


   伪类选择器：a:hover {}



  Descendant （后代选择器）
   div p { }
   div > p { }

  attribute（属性选择器）
包含     ->  h[title]
等于     -> div[class=demo]
不等于  -> div[class~=“demo”]


* 全局选择器,定位所有HTML标签



伪类举例：

① a:link：未访问链接 ,如 a:link {color:blue}
② a:visited：已访问链接 ,如 a:visited{color:blue}
③ a:active：激活时（链接获得焦点时）链接的颜色 ,如 a:active{color:blue}
④ a:hover：鼠标移到链接上时 ,如 a:hover {color:blue}
一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。
四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）。
css的书写先后顺序：（不然会无效）
a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}


6.常用属性
text-decoration:none; /* 去掉a标签的下划线*/

line-height          /*设置行高*/

encty=“。。。”     将表单提交字符串格式改为二进制格式