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

江西快3历史开奖结果|经验教程

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

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

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

144

主题

144

帖子

90

积分

初入站场

Rank: 1

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

江西快3开奖走势图 www.piucs.com,患者多为50岁以上女,其病因是炎症或感染导致的内耳碳酸钙晶体脱落,耳内平衡系统紊乱并向大脑发送混乱信息,进而导致眩晕。【卫计委:采取积极举措最大限度减轻雾霾对群众健康影响】国家卫计委相关负责人表示,对空气污染物的健康风险监测研究是一个长期的过程,卫生部门将加强健康防护产品的标准制定,推动相关产品标识规范使用,指导公众市场消费。

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走势
排五走势图 澳洲幸运8官网 丹东福彩3d好运彩3d图谜汇总 香港赛马会中彩堂网坛 上海天天彩选四开奖结果
短信报警号码 天津快乐十分预测 贵州十一选五 十一选五计划软件 吉林时时彩开奖直播