搜索列表
-
css元素定位
【CSS/HTML】css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。如果要让div-1层向下移动20px,左移...
|cs|ss|s元|元素|素定|定位|位| -
CSS关于相对定位和绝对定位的说明实例
【CSS/HTML】<style>body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; &n...
|CS|SS|S关|关于|于相|相对|对定|定位|位和|和绝|绝对|对定|定位|位的|的说|说明|明实|实例|例| -
用CSS实现表单form布局
【CSS/HTML】出处:http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx 在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码 <style type="text/css"> label{float: left;width: 80px;}form{margin:0px}input{width: 180px;border:1px solid #808080} textarea{wi...
|用C|CS|SS|S实|实现|现表|表单|单f|fo|or|rm|m布|布局|局| -
On having layout
【CSS/HTML】译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
firefox推荐与个人理解的css书写顺序
【CSS/HTML】最近的工作中,遇到不少问题,其中一个问题我觉得是最重要的,那就是css的书写顺序,本文整理了一些,需要的朋友可以参考下
书写顺序css书写 -
CSS经典实用技巧18招
【CSS/HTML】文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。 翻译:阿捷 原文作者:Roger Johansson 作者简介:住在瑞典哥德堡,1994年开始接触和参与w...
|CS|SS|S经|经典|典实|实用|用技|技巧|巧1|18|8招|招| -
组合CLASS来完成网页布局风格
【CSS/HTML】我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧我的想法是未来能这样:用标准件的方式来组装网页DIV布局我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服举个例子:比如布局中的左栏首先它的属性有:是左栏,宽度,背景颜色,字体颜色等1.首先会定义一个class,比如:.layout,主要...
|组合|合C|CL|LA|AS|SS|S来|来完|完成|成网|网页|页布|布局|局风|风格|格| -
用标准件的方式来组装网页DIV布局-WEB标准网站设计心得
【CSS/HTML】有这样一个想法,不知道可行么 例子: 布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等} 如果把每个属性都做成一个标准件,然后这样组装起来使用 class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式 先按需要定义好标准件如: float标准件 .l{fl...
|用标|标准|准件|件的|的方|方式|式来|来组|组装|装网|网页|页D|DI|IV|V布|布局|局W|WE|EB|B标|标准|准网|网站|站设|设计|计心|心 -
CSS图片翻转菜单
【CSS/HTML】如果用传统的方法制作这个翻转菜单,至少需要把图片切成10椋挂由螶S代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图。 CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url(../images/navbg.gif); list-style-type: none; padding: 0px; margin:...
|CS|SS|S图|图片|片翻|翻转|转菜|菜单|单| -
在DIV+CSS排版中新闻列表的制作方法
【CSS/HTML】CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; bac...
|在D|DI|IV|VC|CS|SS|S排|排版|版中|中新|新闻|闻列|列表|表的|的制|制作|作方|方法|法| -
兼容各个浏览器的技巧
【CSS/HTML】1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important &...
|兼容|容各|各个|个浏|浏览|览器|器的|的技|技巧|巧| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。 结构代码,top left right foot 四个模块全部独立、互不嵌套。 <div id="top">head</div> <div id="left"> <div id="left_module">left</div></div> <div id="right"> <div id="right_module">right</div></d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局|