网页样式设计
html怎么设计 左侧是菜单栏，点击不同的菜单选项在右侧出现相应的内容？
大致思路左侧：菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display()右侧：写个固定样式的div，id假设设置为board。如果你的菜单内容在服务器display()的实现如下12345678function display(){ $.ajax({ type: "POST", url: 菜单所请求的内容地址, data: this.id等等相关的请求标志, success: funtion(data){$('board').html(data)},//返回数据填充 dataType: dataType});}如果菜单内容写死在页面内那么右侧：写和菜单数一样多的div，把所有的display属性设置为none同时display()的实现如下123function display(){ $('#'+$(this).attr('rel')).style.display='block';}以上，伪代码，仅供参考
网页设计中怎么在页面中设置一个滚动条
css属性 overflow-y:auto; DIV里面的内容超过DIV的高度，右边就会自动出现滚动条1、用一个div，定制成图中的宽度和高度2、然后再把div的样式设成overflow-y:scroll，当div里的文字超出那个高度的时候，滚动条就出来了。例如：<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>
网页设计中如何解决浏览器兼容问题
为了能让网站设计正常的运行于各种浏览器平台，网站设计师们不得不想尽办法处理好网站建设中的浏览器兼容问题。正是因为网站设计当中的这一需要产生了一项新技术— CSS Hack。 CSS Hack 就是针对不同浏览器写出不同的 CSS code 的过程，主要用来解决目前各类浏览器无法标准解析CSS样式，导致同一网站设计页面在不同浏览器下出现显示效果不一致的兼容问题。 针对不同浏览器，可以将CSS Hack 网站设计代码整理如下： 1、针对I E 系列浏览器的网站设计代码 针对 IE 6 的专属 CSS Hack 网站设计代码 #id{ _display: block; } 也就是在网站设计CSS属性前加一个小划线就好。 针对 IE 7 的专属 CSS Hack 网站设计代码 #id{ *display: block; } 即在网站设计CSS属性前加上一个星号即可 针对 IE 8 的专属 CSS Hack 网站设计代码 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示，解决办法为在网站设计CSS属性后分号前加上空格与斜线并加入一个数字9即可 。 2、针对火狐的CSS Hack 网站设计代码 火狐可谓是最标准的浏览器之一了，网站设计技术只要稍稍不到位就能体现得淋漓尽致，所以不少网站设计师也很头痛，其实想要解决火狐的兼容性除了要把网站设计的基础知识扎牢之外只要将CSS代码写入到下图 @-moz-document url-prefix（）{ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。 3、针对 Safari 的CSS Hack 网站设计代码 Safari是苹果计算机的最新作业系统Mac OS X中新的浏览器，用来取代之前的Internet Explorer for Mac，使用了KDE的KHTML作为浏览器的运算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。 4、针对 Opera 的CSS Hack 网站设计代码 Opera即Opera Software ASA，是台式机、各种设备和移动网络浏览器市场的商业领袖，因快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认，并在网上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 这个世界上必然不会存在绝对完美的事物，因此运用以上方法让我们的网站设计更好的与各种浏览器兼容的时候其实已经违反了网站制作的W3C标准。
网页设计中怎么在页面中设置一个滚动条
css属性 overflow-y:auto; DIV里面的内容超过DIV的高度，右边就会自动出现滚动条1、用一个div，定制成图中的宽度和高度2、然后再把div的样式设成overflow-y:scroll，当div里的文字超出那个高度的时候，滚动条就出来了。例如：<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>
微信网页设计样式库怎么用的
这个是腾讯给出的官方的样式库，直接引入页面像使用普通css样式表的那样使用即可。工具原料：编辑器、浏览器1、首先去官方下载该样式库文件，然后像普通引入css样式表那样引入，然后按照文档使用对应的样式即可，简单的代码示例如下：1234567891011<div class="weui-navbar"> <div class="weui-navbar__item weui-bar__item_on"> 选项一 </div> <div class="weui-navbar__item"> 选项二 </div> <div class="weui-navbar__item"> 选项三 </div> </div>2、运行的效果如下：
微信网页设计样式库怎么用的
这个是腾讯给出的官方的样式库，直接引入页面像使用普通css样式表的那样使用即可。工具原料：编辑器、浏览器1、首先去官方下载该样式库文件，然后像普通引入css样式表那样引入，然后按照文档使用对应的样式即可，简单的代码示例如下：1234567891011<div class="weui-navbar"> <div class="weui-navbar__item weui-bar__item_on"> 选项一 </div> <div class="weui-navbar__item"> 选项二 </div> <div class="weui-navbar__item"> 选项三 </div> </div>2、运行的效果如下：
CSS样式，一个网页的设计是用固定高度宽度 还是用百分比
最好是固定宽度,高度自适应,这样能保证页面在不同设备分辨率下都能正常表现.宽度自适应也行,最好加上min-width限制最小宽度,这样也能保证页面正常
html网页设计：一个简单的登录界面代码！
<!doctype html><html><head><meta charset="utf-8"><link href="main.css" type="text/css" rel="stylesheet"><title>登陆界面</title></head><body> <div class="login_ico"> <img src="images/login_ico.png"> </div> <div class="login_putin"> <ul> <li><input type="text" ></li> <li><input type="password" ></li> </ul> </div> <div class="login_btn"> <input type="submit" value="登陆"> </div></body></html>样式 ：*{ margin:0; padding:0;}li{ list-style-type:none; margin:0; padding:0;}a{ text-decoration:none; color:#000;}/*---------------------按钮-----------------------------*/.login_putin ul li input{ margin: 0; width:70%; padding: 1em 2em 1em 5.4em; -webkit-border-radius:.3em; -moz-border-radius: .3em; border: 1px solid #999;}.login_btn{ width:300px; margin:40px auto 0 auto;}.login_btn input{ width:100%; margin:0; padding:.5em 0; -webkit-border-radius:.3em; -moz-border-radius: .3em; border:#1263be solid 1px; background:#1b85fd; color:#FFF; font-size:17px; font-weight:bolder; letter-spacing:1em;}.login_btn input:hover{ background:#1263be; }
