当前访客身份:游客 [ 登录 | 申请入伍 ]

江西大地奖金制度|经验教程

当前位置:
江西快3开奖走势图 » 后援区 » 经验教程 » 主题内容
查看: 1534|回复: 0
打印 上一主题 下一主题
收起左侧

HTML/CSS十条网页设计中实用的技巧-网站建设

[复制链接]

144

主题

144

帖子

90

积分

初入站场

Rank: 1

积分
90
跳转到指定楼层
楼主
佚名 发表于 2017-6-1 00:00:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本文来源:http://www.piucs.com/a/dz.newssc.org/

江西快3开奖走势图 www.piucs.com,华泰证券报告指出,如果A股市场后续企稳后能震荡向上,国防板块将有机会获得一定的超额收益。但是也包含了这层意思。

web开发。不管是在工作还是在学习中,掌握一些实用的开发小技巧,你的效率都会大大提升哦!



一、将填充和边距都设置为零
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
也有使用通配符*{padding:0;margin:0;}网站利弊端都各有其说法,对于*号这种,是把所有元素的内外边距都设置为了0,可能有些会出现些小细节的问题,所以选择你适用的方案吧
二、重置浏览器的字体大小
body {
font:12px "宋体", Arial, Helvetica, sans-serif;
color: #000;
}
不保证所有的用于都安装有你设置的字体,所以通常会在后面加上几个通用的web安全字体
三、元素/标签选择器
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0;}
ol,ul { list-style:none; }
p{word-wrap:break-word}
四、站点链接
站点链接的样式必须保持此顺序,包括用于创建悬停效果的选择器组在内
a:link {
color: #42413C;
text-decoration: none;
}
a:visited {
color: #6E6C64;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
五、设置水平居中
1)固定宽度 大多数的网站目前都是固定宽度的代码如下:
#container { width:1000px;margin: 0 auto;}
2)如果是用百分百来定义宽度的话,可以这样使用:
#container {
width: 80%;
max-width: 1260px; /* 最大宽度,IE6 不遵循max-width、min-width 此声明。 */
min-width: 780px; /* 最小宽度 */
margin: 0 auto; /* 如果将 #container 宽度设置为 100%,则不需要此设置。 */
}



六、可以重复利用的规则
.left {float: left;}
.right {float: right;}
七、在同一元素上使用多种类
加粗的红色字体,使用了两种类
CSS代码:
.red {color: red;}
.bold {font-weight: bold;}
Html代码:
同一元素使用两种类
八、隐藏水平滚动条
为了避免出现水平滚动条,在body里加入 overflow-x:hidden
body{overflow-x:hidden}
九、解决IE6 的浮动元素的双倍边距问题
对一个div设置了float:left 和 margin-left:100px 那么在IE6中,这个bug就会出现。您只需要多设置一个display即可,代码如下:
div {float:left;margin:40px;display:inline;}
IE6下图片也会产生3像素的空白距离,也用到display
img{display:block}
十、简单的导航菜单
用html5 css3 的新语义标签来写一下这段导航菜单代码
html代码:
网站首页
个人博客模板
慢生活
CSS代码:
nav ul li { display:inline;margin-right:10px;}
nav ul li a {color:#000;display:block;float:left;padding:5px;}
nav ul li a:hover {background:#eee;color:black;}
}
如果想选中的导航能高亮显示,可以加上一段js代码:
提示:为了让js能够获取到菜单的id取值,所以应该给html中的nav标签添加一个id
高亮显示的样式nav_current 也应该在css中写上一段代码,比如:
#nav_current{background:#eee;color:red;}

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站友网手机客户端: Android iPhone WP7 QQ

© 站友网(江西快3开奖走势图 www.piucs.com)|关于我们|小黑屋| 闽ICP备09072999号  

快速回复 返回顶部 返回列表
安徽快3 安徽快3最新开奖号码 内蒙古快3一定牛预测 甘肃快3遗漏 贵州快3开奖结果一定牛 湖北快3和值表
内蒙古快3开奖走势图 贵州快3开奖结果统计 上海快3推荐号码 福建快3推荐号码 福建快3中奖规则 湖北快3走势图遗漏图
福建快3遗漏号码 湖北快3走势图分布 新快三安徽快3 河北快3开奖结果 江西快3开奖号码走势图 江西快3预测软件
彩民麻五 极速赛车走势图 三码中特免费大公开 快三怎么玩法介绍 贵州十一选五开奖
149期曾道人说 3d詹天佑最新预测 北京赛车pk10冠军玩法 东京偶像计划 模拟器 东方网现场直播