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

夸爸爸快板词|经验教程

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

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

[复制链接]

144

主题

144

帖子

90

积分

初入站场

Rank: 1

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

江西快3开奖走势图 www.piucs.com,  第六十六条威胁增加时,民航安检机构应当按照威胁等级管理办法的有关规定调整安全检查措施。  前述文件原件为外文的,应同时上传提交中文翻译件,外商投资企业或其投资者应确保中文翻译件内容与外文原件内容保持一致。

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;}

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

江西快3开奖走势图本版积分规则

站友网手机客户端: 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预测分析 青海快3app 2017福建快3派奖时间
p3走势图 江苏省体育彩票 上海11选5时时彩网 北京快乐8官网开奖 重庆快乐十分预测
安徽快3乐彩 大乐透开奖查询 广东11选5的qq群 福彩3d开机号 天吉彩票论坛