css

1.外链

外链可通过link或import

<linkrel=“stylesheet”type=“text/css”href=“file.css”/>

通过@import导入外部样式表的方法

<style>

@importurl(css.css);

</style>

说明:引用外部的css,与link的区别在于:link是一个html的一个标签,而@import是css的一个标签,

link除了调用css外还可以有其他作用譬如声明页面链接属性,声明目录,rss等等,而@import就只能

调用css。如果单独从外部引用css来说,他们的作用是基本一样的(注:很多旧的浏览器不能识别@import)

2.使整个网站变灰

通过什么方式吧整个网站的图片变灰色(通过css)

<style>

*{filter:gray;}

</style>

3.网页类型

htmlhtmxhtml(更标准)shtml(给鉴台网页加动态效果,可以让元素连服务器,更强大,如:cctv网站)

4.<a>标签的4大跳转类型

_blank:在新窗口中打开被链接文档。_self:默认。在相同的框架总打开。_parent:在父框架中打开。_top:在整个窗口中打开。(还有一种则是在指定的窗口中打开)

5.选择器:

Id选择器

<divid=“footer”></div>

#footer{}

Class选择器

<divclass=“footer”></div>

.footer{}

Element(标签选择器)

div{}

Group(分组)

div,span,td{}

伪类选择器:a:hover{}

Descendant(后代选择器)

divp{}

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=“。。。”将表单提交字符串格式改为二进制格式

相关推荐