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