网页设置.doc

网页设置 最简单的css无图片圆角【实例】 第一种 html xmlns:v head title最简单的css无图片圆角【实例】1/title style v\:*{behavior: url(#default#VML);} /style /head body v:roundRect style=position:absolute;left:20px;top:50px;width:200px;height:140px; FillColor=#e8e8e8 Filled=T / CSS库吧最简单的css无图片圆角【实例】1刷新本页才能看到效果 /body /html 青岛澳柯玛医疗器械有限公司 青岛开发区庆典 ====================================== 第二种 css圆角效果，IE6, firefox均显示正常 html head title最简单的css无图片圆角【实例】2/title meta http-equiv=content-type content=text/html; charset=gb2312 style type=text/css div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} 字体属性：font-family font-style font-variant font-weight font-size 　　文本属性：word-spacing letter-spacing text-decoration vertical-align text-transform 　　text-align text-indent line-height 　　颜色背景属性：color background(background-color background-image background-repeat 　　background-attachment background-position) 　　边框属性：border(border-top border-right border-bottom border-left)(border-width 　　border-style border-color) 　　容器属性：margin padding width height float clear 　　分类属性：display white-space list-style-type list-style-image list-style-position 　　list-style 　　鼠标属性：auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize 　　sw-resize s-resize w-resize text wait help b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} /style /head body div class=RoundedCorner b class=rtopb class=r1/bb class=r2/bb class=r3/bb class=r4/b/b br无图片实现圆角框brbr b class=rbottomb class=r4/bb class=r3/bb class=r2/bb class=r1/b/b /div /body /html 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页眉：header 内容：content 容器：container 页脚：footer 版权：copyright 导航：menu 主导航：mainMenu 子导航：subMenu 标志：logo 标语：banner 标题：title 侧边栏：sidebar 图标：Icon 注释：note 搜索：search 按钮：btn 登录：login 链接：link 信息框：manage …… 常用类的命名应尽量以常见英文单词