CSS个人小结
原图是指用ps设计出来由图层整合而成的最终的设计图。
FSCapture.exe的捕捉活动窗口的快捷键是F2
如何去掉背景图上的字?
使用切片工具把图片上的所有图片切下来以后,通过“文件|存储为Web所用格式”,选择“存储”,在“切片”下选择“所有切片”(选中的切片只有当前的一个),将所有切片导出,它会自动在保存路径下生成一个images文件夹.
背景图片一定要设置宽和高。
当页面中的元素总的宽度大于屏幕的尺寸的时候,应该给包含页面所有页面的大层定义一个宽度。
min-height(最小高度)应该小于等于应用它的元素的最小高度。
加入列表的一个方便的方法是在“拆分”面板的“设计”区里面回车出几行,然后选中它们,在“属性”面板里面点击“无序列表”图标,如果还要加入链接,还可以在选中它们的状态下在“链接”里加入链接地址
要让一个div在另一个div里面,应该为最外面的div加一个宽度和高度。
在样式表的开头部分一定要设以下:
*{
margin:0;
padding:0;
}
以清除页面中默认的外边距和内边距。
当li里面是图片的时候,要为li设一个高度,以免在下面加入再加入图片的时候出现一条空白。
切图时拉出了辅助线的psd图片,应该另存为一份作为参考。
a 标签默认没有宽和高,但是给它一个属性:display:block;即可为它设定宽和高了。
#menu li a{
display:block;
width:100px;
height:20px;
text-decoration:none;
padding-top:10px;
text-align:center;
background-color:#c93;
}
#menu li a:hover{
color:#fff;
background-color:#c60;
}
网页上的元素可以通过右击,点“查看元素”查看该图片,然后“图片另存为”将图片下载到本地上来。还可以通过查看图片的地址,然后复制到地址栏中网站的根目录下的找到该图片。
如http://www.phome.net网页中的color.gif可以通过http://www.phome.net/color.gif 地址找到该图片.
div的插入最好用DW中的工具插入,以免标签不配对。
要在一行中并存两个div,需要浮动,还要让他们的宽度之和小于该行的宽度。
list-style-image:列表项前面的小图标
当图片的高度比能容纳它的div大的时候,应该把图片设为背景。
#menu li#fr:id为menu下的id为fr的li.
#me
相关文档:
收藏一份不错的DIV+CSS布局的SEO优化资料:
Div+css命名规则-(能增强SEO?)
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:l ......
IE6实现方法:
HTML部分:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>
JS部分:
<mce:scripttype="text/javascript"><!--
functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// -->&l ......
IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
写两句代码来控制一个属性,区别Firefox与IE6:
background:orange;*background:blue; //
这一句代码写出来时,你用firefox或其它非IE浏览时 ......
连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,对于Div和table以及不同的浏览器,实现css自动换行的方法都稍有不同,下面分别介绍:
对于div
1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
以下是引用片段:
#wrap{white-space:no ......
1.span 的 overflow :hidden width:70px ; display:block(一点要加上div的话不用加)
2.js动态换背景,换背景 style.backgroundImage = "url('images/bg1.jpg')";
3.用onFocus="this.blur()"来消除链接后的焦点虚线框
4. onMouseOver onMouseOut onClick 三个时间在一 ......