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

江西省萍乡市手机号码|经验教程

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

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

江西快3开奖走势图[复制链接]

144

主题

144

帖子

90

积分

初入站场

Rank: 1

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

江西快3开奖走势图 www.piucs.com,黄屯老街至今已有1600多年历史。春节期间,天柱山全员在岗,驻守在主景区沿线各个路段为来山游客服务,提醒游客游玩时要注意防冻防滑,做好防寒保暖和带足衣物等。

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投注技巧
北京快300内 河北快3开奖结果公告 上海快3下载 河南快3开奖视频直播 福建快3开奖结果今天 上海快3多少钱一注
江苏快3玩法 北京快3走势图表基本 青海快三下载 贵州快3号码遗漏一定牛 内蒙古快3走试图 湖北快3开奖号
赛车pk10几点结束 北京赛车pk10 36选7玩法 黑龙江p62中奖图表 足彩预测
山东十一选五杀号推荐 山西十一选五玩法 云南时时彩官网 黑龙江36选7走势 澳门博彩公司