11.17 CSS英文定名
在写CSS的时候，常常为一些名字而发愁，好比说菜单后头的配景要用什么词来暗示呢？各人都知道，菜单一般用menu来暗示，那么菜单后头的配景我会用menubg，CSS里就写#menubg {…}。
尚有一些其他的好比搜索框之类的应该怎么定名呢？下面有一些可以算得上是尺度的定名吧。假如有错误可能漏掉请伴侣们资助补上，感谢！
页头：header
登录条：loginbar
符号：logo
侧栏：sidebar
告白：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
转动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小能力：tips
栏方针题：title
插手：joinus
指南：guild
处事：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
相助同伴：partner
友情链接：friendlink
页脚：footer
版权：copyright
提交：submit
文本框：textbox
统计：count
以上布局可以组合利用，譬喻：左列标题lefttitle；底部导航footernav 书写原则是： 1.一律小写； 2.只管用英文； 3.不加中杠和下划线； 4.只管不缩写，除非一看就大白的单词。
11.17 网易的CSS写法
/* 全局CSS界说 */
body { text-align: center; font-family:"宋体", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
/* 链接颜色 */
a:link {color: #1f3a87; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}
/* 颜色属性 [界说法则，小写c加颜色名称] */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
/* 字体属性 [界说法则，小写f加属性名称] */
.fB {font-weight: bold;}
.fI {font-style: italic;}
/* 字体巨细*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* 其他属性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; visibility: hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none; }
页面上所有图片自动缩放的代码
<script language="JavaScript">
var imgObj;
for(i = 0; i < document.all.length; i++)
{
if(document.all(i).tagName.toLowerCase()=="img")
{
imgObj = document.all(i) //发起只判定高度可能宽度个中一个，那样可以自动按比例缩放
if (imgObj.height>500) //判定图片的高度，假如大于500，则配置为500，值可以本身修改
{
imgObj.height=500
}
if (imgObj.width>700) //判定图片的宽度，假如大于700，则配置为700，值可以本身修改
{
imgObj.width=700
}
}
}
</script>
转动条的颜色界说
scrollbar-face-color: #E0D5BE;<!--//转动条页面颜色设定-->
scrollbar-track-color: #EBE4D3;<!--//转动条底版颜色设定-->
scrollbar-highlight-color: #ffffff;<!--//转动条斜面和左面颜色设定-->
scrollbar-shadow-color: #ffffff;<!--//转动条下斜面和右面颜色设定-->
scrollbar-3dlight-color: #ffffff;<!--//转动条上边和左边的边缘颜色设定-->
scrollbar-dark-shadow-color: #ffffff;<!--//转动条下边和右边的边缘颜色设定-->
scrollbar-arrow-color: #978C71;<!--//转动条两头箭头颜色设定-->
给图片加边框
在CSS文件中对img界说界线（border），譬喻我在CSS中界说了：
img.framed {
padding: 6px;
border: 1px solid #CCC;
background-color: #FFF; }
那么在HTML文件中，针对嵌入的图片界说class="framed"就会有相应的边框结果。
<img src="http://blog.csdn.net/kof820/article/details/1494623/......" >
在FF下一个自适应高度的简朴做法
加上
height: 100%;
overflow: auto;
自动换行的简朴做法
table-layout: fixed;
WORD-BREAK: break-all;
WORD-WRAP: break-word;
奈何用CSS把层做成半透明？
用下面的样式表界说你的层
.alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝