06_CSS入门和高级技巧(4)】的更多相关文章

复习 CSS : 负责样式层,层叠式样式表cascading style sheet.CSS2.1,最新版本CSS3. CSS选择器: 选择哪些元素加样式.基本选择3种:标签p.id选择器#id.class选择器.:高级选择器4种:后代选择器div p .交集选择器div.haha .并集选择器div,p .通配符* id选择器:全页面id唯一: class选择器:同一个标签可以带多个class: <p class="para1 spec"></p> class…
上节课知识的复习 插入图片,页面中能够插入的图片类型:jpg.jpeg.bmp.png.gif:不能的psd.fw. 语法: <img src="路径" alt="替代文字" /> 相对路径.绝对路径: 相对路径就是从html页面出发,找到图片: <img src="a/b/1.jpg" /> 等价于 <img src="./a/b/1.jpg" /> 图片位于html文件较浅的文件夹中:…
目录 第一章 批处理基础 第一节 常用批处理内部命令简介 1.REM 和 :: 2.ECHO 和 @ 3.PAUSE 4.ERRORLEVEL 5.TITLE 6.COLOR 7.mode 配置系统设备 8.GOTO 和 : 9.FIND 10.START 11.assoc 和 ftype 12.pushd 和 popd 13.CALL 14.shift 15.IF 16.setlocal 与 变量延迟(ENABLEDELAYEDEXPANSION / DISABLEDELAYEDEXPANSI…
图片透明 先来复习一下盒子的透明问题: opacity:0.6; 介于0~1之间,为了让IE兼容,我们要使用IE自己的滤镜: filter:alpha(opacity=60); 盒子的透明,会让里面的所有内容都透明了,如果想要让文字清晰,就不能把文字装到盒子里,要用绝对定位定. 图片格式: jpg/jpeg:著名图片压缩格式,有压缩算法,能够自己更改质量:即使质量是100,也是压缩的,也是颜色失真的.没有图层,不能动.banner.新闻图.焦点图都要用jpg格式的图片. png:不压缩的,无法调…
超级链接美化 1.伪类 同一个超级链接,根据用户的点击情况,有自己样式: 超级链接根据用户点选情况,有4种状态: a:link 没有访问的超级链接 a:visited 已经访问的超级链接 a:hover 鼠标悬停的时候 a:active 鼠标按下的时候 <style type="text/css"> a:link{ color:orange; } a:visited{ color:green; } a:hover{ color:black; font-size: 20px;…
排查错误 Chrome浏览器的审查功能. 错误1:选择器写错了,压根没有选择上: 如果写了一个错误的选择器, <style type="text/css"> dvi p{ color:red; } </style> Chrome审查一下,就能看见没有任何选择器选择上这个元素: 错误的写class: <div calss="haha"> <p>文字</p> </div> 上面一个选择器后面有多余的…
浏览器兼容问题 1.现在中国网民用什么浏览器? 中国流量最大的网站就是百度,百度在统计着每一个访问者的浏览器.地域.操作系统.分辨率等等信息. 百度流量研究院:http://tongji.baidu.com/data/ Chrome  41.86%   谷歌浏览器,内核名称webkit IE8         18%       win7内置的浏览器 IE9         5%         win8内置的浏览器 IE6         2%         winxp内置的浏览器 其他  …
上节课复习 !important不能影响就近原则,远的标签如果加上!important也干不过近的标签! !important不能影响继承权重是0,通过继承的标签加上!important也干不过直接选中的标签! 盒模型 网页中的所有标签都是盒子,都是矩形,都有width.height.padding.border.margin属性的. 最重要的一个知识点,就是width和真实宽度的关系. 1.会看懂盒模型图 div{ width: 200px; background-color: greenye…
上节课复习 HTML表格,table.tr.td(th):thead.tbody:caption. 一定要会根据图形,来写表格: <table border="1"> <tr> <td>7</td> <td colspan="2">8</td> </tr> <tr> <td rowspan="2">9</td> <td&g…
http://www.jb51.net/article/56754.htm http://www.yiibai.com/smarty/smarty_functions.html http://www.php100.com/manual/smarty/ 本文讲述了smarty快速上手入门的方法,可以让读者在半小时内快速掌握smarty的用法.分享给大家供大家参考.具体实现方法如下: 一.smarty的程序设计部分: 在smarty的模板设计部分我简单的把smarty在模板中的一些常用设置做了简单的…