摘要:
待定 size设定为4,可以做字体选择器样式 阅读全文
摘要:
定义clip 属性设置元素的形状。当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。继承性:No说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大,也可能比内容区小。JavaScript 语法CS... 阅读全文
摘要:
说什么透明层无论滚动与否都满屏显示,其实就是对html和body标签做一番手脚,两者高度100%显示,同时溢出隐藏 (overflow:hidden),然后用一个div高度100%系显示,溢出滚动。而这个透明层就使用绝对定位且与这个div平级,高宽100%显 示,就可以使得无论怎么滚动这个透明覆盖层都是满屏显示的。这其实也就解决IE6下浮动层固定定位的经典方法。 阅读全文
摘要:
#test{overflow:hidden;height:1px;font-size:0;line-height:0;} 阅读全文
摘要:
html{overflow-y:scroll;} 阅读全文
摘要:
<div id="wrap"> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="footer"> </div> html, body, #wrap {height: 100%;} body > 阅读全文
摘要:
#boder_arrow{ border-width:20px;border-color:#ff6699 #ff3366 #cc0066 #990033;border-style:solid;width:0;height:0;line-height:0; } 一般用em、b、或者strong标签取代div .tra{width:10px; height:10px; border:10px soli... 阅读全文
摘要:
font:italic small-caps bold 1em/150% 宋体, Arial, sans-serif; background: url(logo.png) no-repeat top center; border:1px solid #000;border-width:0 1px 1px 0; 先设置四个边的默认风格,然后声明具体的哪个边要显示。 阅读全文
摘要:
float中文翻译为浮动,很形象的翻译,在CSS很常用,当你需要把两个块级元素定排放在同一高度上经常会用到float,先看一下float的 属性。 先看一下float可能的值: float:left-元素向左浮动 float:right-元素向右浮动 float:none-不浮动 float:inherit-从父类的float属性继承 既然说道浮动,那么就有必要提一下浮动的清理,因为如果一个元素的... 阅读全文
摘要:
这套规范并非单纯的CSS、html或JavaScript命 名规范,它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了,有点罗嗦,吼吼~)。首先我是出于公司几位美 工的设计效果图源文件没有对图层命名而开始考虑总结一套的,还有一个原因就是网上大多命名规范都是关于编码的,也就是那些css、html、js和一些服 务器端语言的,至于设计方面的命名规范实在是很少。... 阅读全文
摘要:
使用条件性注释来代替hack <!–[if IE 6]> <link rel=”stylesheet” type=”text/css” href=”ie6.css” mce_href=”ie6.css”> <![endif]–> mce_href=”ie6.css”是个Mce编辑器,wordpress后台使用的就是这个编辑器,好像是对SEO有点作用。不是wordpress可以忽略 阅读全文
摘要:
标签<fieldset> <legend>Dascom News</legend> <ul> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting... 阅读全文
摘要:
一般向UL列表 #nav { margin:100px; list-style:none; } #nav li { float:left; } #nav li a { padding:10px 20px; background:#000; color:#fff; text-decoration:none; text-transform:capitalize; display:block; } #n... 阅读全文
摘要:
1、页面的最小宽度 min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用,可以把一个<div> 放到 <body> 标签下,然后为div指定一个类: <body> <div class="container“> 然后CSS这样设计: #container ... 阅读全文
摘要:
#nav li { float:left; position:relative;} #nav li dl { width:160px; background:#333; display:none; position:absolute; top:34px; left:0; } #nav li dl dd a { font-family:Verdana, Arial, Helvetica, sans-... 阅读全文
摘要:
1、在不同的页面为<body>标签添加一个id。比如首页是<body id=”home”>,赛事报道页面则是<body id=”report”>,以此类推。然后就可以使用CSS专门针对不同的body id值设置CSS样式了。我的样式是这样的(已缩减): #home .nav_home a:link,#report .nav_report a:link {background-position:0 ... 阅读全文
摘要:
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。3、(尚待取证)慎用 * 通配符。所谓通配符... 阅读全文
摘要:
给某个div指定多个class,<div class=”classname1空格classname2”></div> <p>标签中不能嵌套div标签 <input><button>尺寸(宽 高)和BG都可以更改,file不行 火狐不支持z-index的负值 表单元素的字体在IE中都不能继承父元素的字体,所以要单独设置。 导航菜单使用图片、flash导航菜单使用图片、flash当然比纯文本来得好看一... 阅读全文
摘要:
[HTML && CSS]1 Doctype严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 2 行内元素有哪些?块级元素有哪些?画一下CSS的盒模型3 CSS引入的方式有哪些? link和@import的区别是?4 CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?5:前端页面有哪三层构成,分别是什么?作用是什么? 最准确的网页设计思路是... 阅读全文
摘要:
<li><a href="#" class="tra">home</a></li> #nav li a{ display:block; height:30px; line-height:30px; float:left; padding:0 30px; background:#CCFF33;} A标记可以有background #nav li a:hover{ background:#CCCCFF... 阅读全文