CSS
关注
分享
扫一扫
jinjiangdongfang
一份耕耘,一份收获.
展开
-
vertical-align和valign
<br />CSS中最容易搞錯的東西之一，CSS的vertical-align屬性和TH、TD標籤valign屬 性是不一樣的兩個東西，<br />valign就是物件內的東西的垂直位置，<br />不過vertical-align不是，事實上他是用在inline物件上的，用來決定 一個inline物件的垂直位置（例如：上標、下標），通常是用不太到，比較容易看到影響的是img標籤，img標籤如果沒用CSS指定的話預設就是 inline的物件。那要怎麼讓物件垂直置中呢？如果只是單行文字要置中還簡單，只要讓转载 2010-11-20 20:43:00 · 615 阅读 · 0 评论 -
DL DT DD
<br />一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法：<br /><br /><dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出 了术语名，<dd>标记给出了术语的定义。<br />也就是说<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt> 和转载 2010-11-20 20:44:00 · 597 阅读 · 0 评论 -
CSS+div页面水平居中的布局方法总结
<br />一、margin:auto 0 与 text-aligh:center<br />在现代浏览器（如Internet Explorer 7、Firefox、Opera等）现代浏览器实现水平居中的方法很简单，只要设定到左右两侧的空白为自动即可。意即：<br />#wrap { margin:0 auto;} <br />#wrap { margin:0 auto;}<br />上面这段代码的意思是说使wrap这个div到左右两侧的距离自动设置，上下为0（可以为任意）。请在现代浏览器<br />（如I转载 2010-11-20 20:51:00 · 601 阅读 · 0 评论 -
区别div和span、relative和absolute、display和visibility
div和span、relative和absolute、display和visibility 是很容易混淆和弄错的HTML标签与CSS属性，今天52CSS.com简单的罗列出它们的区别与使用要点，供大家参考。<br /><br />一、div和span的区别<br />div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。<br />span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上<span></span>标记可转载 2010-11-20 20:51:00 · 511 阅读 · 0 评论 -
absolute与relative
absolute与relative我们都知道absolute是绝对定位，relative是相对定位，但 是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间 又有什么样的技巧呢？下面我们就来一一解读。<br />Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有转载 2010-11-20 20:49:00 · 412 阅读 · 0 评论 -
CSS ABC
XHTML与HTML的重要区别<br />1. 在XHTML中标记名称必须小写<br />2. 在XHTML中属性名称必须小写<br />3. 在XHTML中标记必须严格严格嵌套<br />4. 在XHTML中标记必须封闭<br />5. 在XHTML中，即使是空元素的标记也必须封闭<br />6. 在XHTML中属性值用双引号括起来<br />7. 在XHTML中属性值必须使用完整形式<br />8. 在XHTML中，应该区分“内容标记”与“结构标记”<br /> 在HTML中引入CSS的方法 <br /转载 2010-11-20 20:47:00 · 430 阅读 · 0 评论 -
CSS盒子模型
【学习笔记之CSS+DIV】CSS盒子模型<br /> <br /><br /><br />*红色标记的为默认值border（边框）：border-top，border-bottom， border-left，border-right <br /> 1.border-color（边框颜色）；<br /> 2.border-width（边框粗细）：medium|thin| thick|数值；<br /> 4.border-style（边框样式）：none|hidden（隐藏）|dott转载 2010-11-20 20:45:00 · 520 阅读 · 0 评论 -
link@import
差别1：link属于XHTML标签，而@import完全是CSS提供的一种方式。<br />link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。<br /><br />差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦转载 2010-11-20 20:43:00 · 375 阅读 · 0 评论 -
display
<br />下辈子我要做你的一颗牙，至少，我难受，你也会疼 <br />display:inline;与float:left;的用途区别<br />首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其转载 2010-11-20 20:42:00 · 333 阅读 · 0 评论 -
CSS长度单位及区别 em ex px pt in
<br />1. css相对长度单位<br />Ø em 元素的字体高度<br />Ø ex 字体x的高度<br />Ø px 像素Pixels<br />Ø % 百分比Percentage<br />2. css绝对长度单位<br />Ø in 英寸Inches（1英寸=2.54厘米）<br />转载 2010-11-20 20:56:00 · 918 阅读 · 0 评论 -
网站建设常用英文翻译对照
网站建设常用英文翻译对照<br />常用中英文对照表： <br />公司简介：Company brief <br />产品展示 Product <br />企业荣誉 Enterprise honor <br />合作伙伴 Cooperation partner <br />质量认证 Quality certificate <br />企业文化 Enterprise Culture <br />成长历程 Development history <br />经营理念 Management ideas <br /转载 2010-11-20 20:53:00 · 1523 阅读 · 0 评论 -
absolute与relative的运用
<br />Div CSS 进行网页布局，适当地运用 absolute 与 relative，能给布局带来意想不到的效果和方便，达到事半功倍…<br /> 详细讲解两者的关系，需要配合例子，请先看例子：<br /><br />以下是引用片段：<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br />转载 2010-11-20 20:50:00 · 636 阅读 · 0 评论 -
CSS文字
CSS设计彻底研究<br />属性<br />含义<br />备注<br />font-family<br />字体<br />可以同时声明多种字体，字体之间用逗号分隔。例：font-family: Arial, ”Times New Roman”;<br />font-size<br />文字大小<br />长度单位<br />相对单位<br />（1）px：相对于1个像素的比例，1px相当于1像素；<br />（2）em：1em表示的长度是其父元素中字母m的标准宽度；<br />（3）ex：1ex表示字转载 2010-11-20 20:46:00 · 601 阅读 · 0 评论 -
用CSS设置位置摆放
用CSS设置位置摆放 <br />1、float：设定浮动性质（多用于文绕图的情形）<br /><br />可设值：left（元素靠左，文字围绕其右）；right（元素靠右，文字围绕其左）；none（以预设的方法显示）<br />范例：DIV { float : right }或<DIV style="float:right"><br />2、clear：设定清除性质（设定是否允许浮动元素之存在）<br /><br />可设值： both（若两边有浮动元素，则该元素移至浮动元素下方）；left（若左边有浮转载 2010-11-20 20:52:00 · 982 阅读 · 0 评论