__x__(48)0910第六天__CSS Hack】的更多相关文章

CSS Hack: 不到万不得已,不要使用.不易于维护. 有一些情况,需要一段特殊代码在遇到特殊浏览器环境才执行,而在其他条件下,不执行. 此时,CSS Hack 就能实现. CSS Hack 实际上指的是一段特殊的代码,这段代码只在特定的浏览器环境下识别并执行. 写法: 条件Hack只对IE9及以,下的浏览器有效,其他浏览器视为注释 <!--[if <关键字>? IE <版本>?]> <![end]--> 关键字: ""    是否为…
 框架集frameset 和 内联框架iframe 的作用类似: 在一个页面中,引入其他的外部html页面. 框架集可以同时引入多个页面. 在 html5 中,推荐使用框架集,而不推荐使用iframe. <frameset></frameset> 不能和 body 同时出现在一个代码中. 不推荐使用,因为搜索引擎无法判断一个 frameset 的页面. 使用 frameset 意味着页面中只能引入其他页面,不能有自己的内容. 每一个页面,浏览器都需要发送一次请求,访问速度较慢.  …
id class 命名规范: 小驼峰命名法: aaaBbbCcc,helloWorld 大驼峰命名法: AaaBbbCcc,HelloWorld 匈牙利命名法: 类型+描述 formUserName,aBaiDu,inputUserName,inputUserPsd…
table 布局 不易于维护,耦合太严重了. 不利于搜索引擎检索. 效果图: html代码: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>表格</title> <link rel="stylesheet" type="text/css" href="css/tableweb.css…
<div class="box1"> <tabl></table> <div class="box2"></div> </div> 原理1: <table> 将会隔离父子元素, 所以解决垂直外边距重叠问题方法1: .clearfix:before{ content:""; display:table; } 原理2:  解决高度塌陷方法2: .clearfix:af…
form表单: form必须属性:action,指定一个服务器地址. 若希望表单中的数据发送给服务器,必须设置name属性. 用户填写的信息,将会追加在url地址?后面,以查询字符串的形式发送给服务器,以“&”隔开. 网页用表单来向服务器提交信息. 最常见的百度一下: 键入关键字,点击搜索, 浏览器将关键字通过表单提交到服务器, 服务器处理表单数据,并响应. 简单的表单实例: html代码: <!doctype html> <html> <head> <m…
效果图: html代码: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>表格</title> <link rel="stylesheet" type="text/css" href="css/form.css" /> </head> <body>…
问题:IE6额外地除了中文路径外,对于png24的支持度不高,以致于无法透明. 解决方法1,png8 替换: png8 比 png24 小,质量较低,但是在这里可以替代,以解决问题. 使用 ps 打开 png24,存储为 Web 格式,选择png8 保存,然后使用. 解决方法2,js 处理: 在页面引入外部js文件,然后写一点简单代码处理该问题. 写在 </body> 的上面. <!-- 引入外部js文件 --> <script type="text/javascr…
  本节作业: 熟练使用类和模块,写一个交互性强.有冲突的程序. 故本次写了一个文字回合制的PK游戏,系统主程序为根目录下的:game_menu.py 1. 系统功能模块: 第六天的作业:文字游戏程序是在python3.4环境下开发,在python2.7环境下大同小异,主要功能模块如下图: 2. 系统目录结构: 程序采用分层的方式编写,包括系统配置conf.数据库访问层database.业务逻辑层modules,业务处理主程序game_menu.py,主要分类如下图: 3.应用知识点: a) 类…
主要内容: 1.CSS选择器.优先级与匹配原理 2. CSS 引入的方式有哪些 ? link 和 @import 的区别是 ? 3.CSS hack 4.如何书高效CSS  一.CSS选择器.优先级与匹配原理     CSS选择器大概可以分为:1.id选择器(#myid)  2.类选择器(.myclassname)  3.标签选择器(div,h1,p)  4.相邻选择(h1+p)6.后代选择器(li a)7.通配符选择器(*)  8.属性选择器(a[rel='externaml']) 9.伪类选…