css

visibility隐藏，是不可见，但元素在文档流中仍然是存在的，而且它所占用的位置也仍然是存在的。就好像这个元素穿了一件隐身衣，你看不见它，但它实际上是存在的！而display消失，则是整个消失，从文档流中删掉，而且它原来所占用的位置也会被取消（后面的其他元素会挤上来重新占用它的位置）。就好像这个元素人间蒸发了，你不但看不到它，你也摸不到它，因为它不存在了！

可见visible或不可见hidden，和这个属性类似的还有display:none;或display:block；两者区别就是一个会占用以前的位置，display用法不会占位。

CSS visibility 属性规定元素是否可见。visible　元素可见。 hidden　元素不可见。 collapse　在表格元素中使用时，此值可删除一行或一列，但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。 inherit　从父元素继承 visibility 属性的值。你在 html 里面写的东西默认情况下就是属于 visibility:visible; 即元素可见。当某些情况下，你让元素不可见了：visibility:hidden; 再通过一些事件触发后让元素变成可见，就要用到这个visibility:visible; 。和display:none的区别，你理解是对的，display:none; 以后，元素是不占位的。

这两个属于完全不沾边的属性，没有交集，所以谈不上区别。overflow的英文意思就是溢出，即当元素里面的内容超出元素的可视范围（通常就是指元素的四个内边距所框出的矩形范围）时要进行何种处理，比如：overflow:visible 溢出的内容会显示在元素可视范围外，即不做任何处理。overflow:hidden 溢出的内容会被剪裁掉，或者说隐藏。overflow:scroll 元素会出现滚动条，通过滚动条用户可看到溢出的内容。visibility则是可见性（或者说能见度），即用来决定元素是可见的还是隐藏的。visibility:visible 元素可见visibility:hidden 元素隐藏（但元素所占的位置还在）

就是指div的Id为header的样式，一般网页中都不会设置相同的id，所以那个div有没有都没所谓的!

header是标签的意思， .header是class="header"的意思

所有元素有可以设置height;只有行内元素可以设置line-height；在H5的标准里，line-height：1；表示，行高等于元素高度。这样就可以清除元素的缝隙。line-height：1.5；line-height：0.8;都表示倍数关系。我喜欢无缝连接。所以，近期的H5项目，我都喜欢用line-height：1清除文字行的缝隙。

什么样的智障答案都能是最佳答案，可笑至极，误人子弟需要的朋友：

假如 none 值在属性声明的最后，所有的先前的其他取值都会被清除。例如，声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。假如对象没有文本(如 img 元素)或者是空元素(如：<EM></EM>)， 此属性不会发生作用。假如你设置 body 对象的此属性值为 none ， a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。

首先，直接设置div的height: 100%;是无效的，必须保证其外层窗口已设置height: 300px; 或者height: 100%;这样div的百分比设置才能生效。多研究下height的定义及用法吧。PS.

td { text-align:center; }

.sidebar2 {align:center;}span{align:center;}

1.打开开发工具，创建一个web项目以及html和css文件2.这里是html文件内容，定义一个div，主要定义一个边框用来对比看效果，然后定义p标签，放文字内容用的，引入css文件3.css文件代码，p标签加入text-align:justify;即可，第二句是适应英文或者数字换行用的4.运行web项目，在浏览器中你会看到文本内容左右对齐div的边框了，这个方法中英文只有中文或者英文都适用，也是常见的方法5.下面这个方法适用于纯汉字的情况下，html文件就不贴出来了，在div中加入如下代码即可6.这个和第五步的使用范围是一样的，纯汉字的情况下，不过建议使用第一种方法哦7.后面两种方法的运行之后的浏览器效果如图所示，可以看到虽然两端对齐了，但是和div的边框左右都有距离，不过看起来更友好一点。

在ie7和一些浏览器下解释为该元素内的元素和文字都居中。在ie8和ie9等一些浏览器下解释为该元素内的文字居中。例如：<div style="border:1px solid red; height: 150px;width: 150px;text-align: center; "><div style="border:1px solid green;height: 100px;width: 100px;"></div>你好</div>IE7下效果为：IE8下效果为：可以发现，在ie7下，元素使用了text-align: center;后，里面的div和文字都居中了，而在ie8下，元素内的文字居中了，但是里面的div元素没有居中。这种不平衡的方法有两中解决方法。1是让ie7趋向ie8，就是让ie7下也显示成ie8的效果，元素居左。方法是在里面的元素上加上float:left;就可以了2是让ie8趋向ie7，就是让ie8下也显示成ie7的效果，元素居中。方法是在里面的元素上加上margin: 0 auto;就可以了。

一个“text-align: center;”还有一个“line-height：200px；”这里的“200px”等于你设置这个盒子的高度。如果只设置第一个方法它只会左右居中，要将这两种方法都写上，这样就可以实现在盒子中，上下左右都居中。

文字居中text-align:center; 块居中margin：0 auto;width:

a{ text-align:center;}，你在为a标签设置的一个全局属性的时候，想看到的是什么变化呢？这个text-align:center;是说：超链接a标签内的文字居中对齐；如果超链接a标签没有固定宽度是不会显示居中对齐的；希望我的回答对你有所帮助，如果还有其他疑问，请继续追问我；

text-align:left;

一个是居左一个是居中text-align:left!important和text-align:center是针对不同浏览器的前者应该就是特指火狐了吧

table tr td{text-align:center; } 或者直接用<center><table>.........</table></center>包含着table

能不能贴代码，不要用图片

#content{ width:800px; background:#336699; margin:0px auto;}

LZ，文本确实是居中的啊，只不过是div没有居中而已。LZ只要设置div的margin属性即可，如margin:0auto;就可以使div居中了。还有问题可以继续问。

text-align:right;

值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。把一段文字摆放在一个框中，一行写满时需要另起一行，如果下一个字或单词放在一行末尾会超出框的范围的话，就要把这个字或单词放到下一行，这一行末尾会留下空白。left不会处理行尾的空白，而justify会把左右两端都对齐，行尾不留空白，把行尾的空白平分到字或单词的间隔中。中文都是方块字，效果不明显。英文单词长短不一，left 和justify的效果差别就很明显了。

您好，1.语法text-align具体参数如下：语法：text-align : left | right | center | justify说明：设定元素内文本的水平对齐方式。参数：left : 左对齐；right : 右对齐；center : 居中；justify : 两端对齐初始值：跟浏览器的设置有关继承性：可继承适用于：block元素其各参数在浏览器内的显示如图1所示。图1 水平对齐方式前三种对齐方式都很好理解，而最后一种两端对齐（text-align:justify）可以让大段的文本看起来比较整齐，不过两端对齐的表现可能会因为浏览器的不同而有所不同，如图2所示。图2 不同浏览器对于两端对齐的不同表现2.适用于：block元素text-align属性只有对block元素设定才会生效。例如有如下设定：<p style="text-align:right;"><img src="img/ddcat_anim.gif" alt="图片" style="text-align:center;" /></p>虽然对图片设定了居中对齐，但是在浏览器内的效果如图3所示。图3 图片与对齐方式由图3读者可以看到，因为图片<img>默认为inline元素，所以即使定义了“text-align:center;”，也仍然同文字一起右对齐。因此不能直接通过对图片的设定来达到单独图片的对齐。如果想让单个图片达到居中的效果，应该在其外嵌套一个block元素，然后设置这个元素的对齐方式为居中对齐，如下所示：<p style="text-align:center;"><img src="img/ddcat_anim.gif" alt="图片" /></p>其效果如图4所示。图4 图片居中3.继承性text-align属性是可继承的。当设定了某个元素的水平对齐方式以后，其子孙元素的水平对齐方式都将继承该设定，如图5所示。图5 text-align的继承性注意：不同浏览器之间的继承略有差别。例如在Opera中，表头<th>将不继承右对齐，而依然居中对齐，除非对其专门定义。由于text-align属性的继承性，因此在定义时候需要特别注意，如果子孙元素不希望继承水平对齐方式，则需要再分别定义。4.应用：整体居中虽然text-align用以设定文本的水平对齐方式。但是在IE中，对齐会应用在此元素内所有的子孙元素上，例如有如下代码：<div id="textAlign3" style="text-align:center;"> <p style="width:70%;">本段落会在IE内居中显示，而在Firefox和Opera内居左显示。</p></div>其在Windows IE 6.0、Firefox 2.0和Opera 8.5中显示的效果如图6所示。图6 不同浏览器的差别读者可以看到，<p>元素本身也居中显示了，因此可以利用此特性来设置页面内容在IE内的整体居中效果，例如有html结构如下：<body> <div id=”wrap”> <h1>页面居中</h1> <p>设置CSS使页面整体居中。</p></div></body>要使<div id=” wrap”>在浏览器内居中，则需要设置CSS如下：body {text-align: center; /* 在IE内居中 */}#wrap {width: 90%; /* 设定宽度才能显示出居中的效果。*/margin: 0 auto; /* 在Firefox及Opera等浏览器内居中。*/}此时在浏览器内浏览，页面内的元素都将居中显示，如图7所示。图7 浏览器内页面整体居中注意：此时页面内所有的文本都继承<body>的的设定而居中显示，因此实际应用中，可以再设定wrap层的对齐方式为左对齐。

CSS中text-align:center不能居中是设置错误造成的，解决方法为：1、新建一个html文件，命名为test.html，用于讲解css样式中怎么能让一行字水平居中显示。2、在test.html文件中，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字。3、在test.html文件中，设置div标签的id为mydiv，主要用于下面通过该id获得div对象。4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。5、在css标签内，通过id对div进行样式定义，设置div的宽度为300px，高度为200px，背景颜色为灰色。6、在css标签内，再对p标签内的文字进行样式定义，将text-align属性设置为center让文字在div内水平居中。7、在浏览器打开test.html文件，查看实现的效果。

CSS入门知识-图片水平对齐技巧 　　在CSS中，图片怎么水平对齐，有哪些技巧呢？我们一起来学习一下吧！ 　　一、图片水平对齐text-align 　　在“文本水平对齐text-align”这一节我们详细讲解了text-align属性。大家请记住，text-align一般只用在两个地方：文本水平对齐和图片水平对齐。也就是说，text-align只对文本和img标签有效，对其他标签无效。 　　语法： 　　text-align:属性值; 　　说明： 　　text-align属性取值如下表： 　　表1 text-align属性 　　<!DOCTYPE html> 　　<html xmlns="http://www.w3.org/1999/xhtml"> 　　<head> 　　<title>图片水平对齐</title> 　　<style type="text/css"> 　　p 　　{ 　　width:300px; 　　height:80px; 　　border:1px solid gray; 　　} 　　.p_img1{text-align:left;} 　　.p_img2{text-align:center;} 　　.p_img3{text-align:right;} 　　img{width:60px;height:60px;} 　　</style> 　　</head> 　　<body> 　　<p class="p_img1"> 　　<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/> 　　</p> 　　<p class="p_img2"> 　　<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/> 　　</p> 　　<p class="p_img3"> 　　<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/> 　　</p> 　　</body> 　　</html> 　　在浏览器预览效果如下： 　　分析： 　　很多人都以为设置图片水平对齐是在img标签设置，其实这是错误的。大家记住，图片是要在父元素中进行水平对齐的。在这个例子中，img元素的父元素是p，img元素是相对于p元素进行水平对齐的。因此要想对图片进行水平对齐，就要在父元素（p元素）中设置text-align属性。 ;

<b> 加粗</b>

1楼正确回答,提醒一下,如果别的用户看你制作的网站,他们电脑没有微软雅黑的话是显示不出来的,会默认显示为系统自己,显得不协调

1、首先要了解css中是如何控制字体的。x0dx0afont：在一个声明中设置所有字体属性；x0dx0afont有以下几个属性：x0dx0ax0dx0afont-style：字体样式x0dx0ax0dx0afont-variant：字体异体x0dx0afont-weight：字体粗细x0dx0afont-size/line-height：字体大小/行高x0dx0afont-family：字体系列（比如宋体、黑体等）x0dx0a2、知道这些之后，那"设定字体为微软雅黑Bold字体"就可以这么写：x0dx0afont-family:"微软雅黑";font-weight:bold;x0dx0a但是需要注意一点，通常我们使用中文字体的时候，都会使用的英文名称，而不是直接使用中文；而且，也会使用简写的形式；如下：x0dx0afont:bold12px/1.5em"MicrosoftYaHei";

1、首先要了解css中是如何控制字体的。 font：在一个声明中设置所有字体属性； font有以下几个属性： font-style：字体样式 font-variant：字体异体 font-weight：字体粗细 font-size/line-height：字体大小/行高 font-family：字体系列（比如宋体、黑体等）2、知道这些之后，那"设定字体为微软雅黑 Bold字体"就可以这么写： font-family:"微软雅黑";font-weight:bold; 但是需要注意一点，通常我们使用中文字体的时候，都会使用的英文名称，而不是直接使用中文；而且，也会使用简写的形式；如下： font:bold 12px/1.5em "Microsoft YaHei";

font-weight:bolder;是字体加粗的意思，font-weight:也可以设置其他值，如：100；200；...........500；等你可以点击这个链接网页链接查看有关font的相关属性，有更为详细的说明。

font-size:900px;

这不是自定义的类么，去html文档里找class="bold"，该类是描述你找到的标签的样式

css不能设置a标签的href。CSS只是设置样式，如颜色大小等等。要设置a标签的href值，可以用js，或者直接在标签里写上地址。css中a标签的超链接绑定数据库的方法也有的。1.html 中的a 无法直接和数据库交互，因为html是客户端语言。2.如果需要交互，那么 href中可以是一个服务端请求，比如/query/userlist.action 这样可以请求服务端查询用户列表。3.原则上html是没有服务端交互的，需要交互必须用服务端语言如php,jsp等。

关于相册的什么东西，应该有用吧。。。

调用jquery里的$(".HelpLeft dl dt:first").addClass("classname");这样应该可以的。

这个要JS 了，自身的状态改变可以 纯CSS3

一网站调用CSS代码的方法：x0dx0ax0dx0a方法一：x0dx0ax0dx0aXML/HTML代码x0dx0a x0dx0a<!-- x0dx0a@import url("css/main.css"); x0dx0a@import url("css/font.css"); x0dx0a@import url("css/layout.css"); x0dx0a--> x0dx0a x0dx0ax0dx0a方法二：x0dx0ax0dx0aXML/HTML代码x0dx0a x0dx0ax0dx0a那么这两各方法有什么区别和优缺点呢？x0dx0ax0dx0a本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。x0dx0a差别1：link属于XHTML标签，而@import完全是CSS提供的一种方式。x0dx0alink标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。x0dx0a差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦之都加载CSS的方式就是使用@import，我一边下载一边浏览梦之都网页时，就会出现上述问题）。x0dx0a差别3：兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。x0dx0a差别4：使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。x0dx0a/*x0dx0a大致就这几种差别了，其它的都一样，从上面的分析来看，还是使用link标签比较好。x0dx0a标准网页制作加载CSS文件时，还应该选定要加载的媒体（media），比如screen，print，或者全部all等。 x0dx0a*/x0dx0a差别5：@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表，如：x0dx0ax0dx0aCSS代码x0dx0amain.css x0dx0a———————- x0dx0a@import “sub1.css”; x0dx0a@import “sub2.css”; x0dx0a x0dx0asub1.css x0dx0a———————- x0dx0ap {color:red;} x0dx0a x0dx0asub2.css x0dx0a———————- x0dx0a.myclass {color:blue} x0dx0ax0dx0a这样更利于修改和扩展．x0dx0ax0dx0a 注：这样做有一个缺点，会对网站服务器产生过多的HTTP请求，以前是一个文件，而现在却是两个或更多文件了，服务器的压力增大，浏览量大的网站还是谨慎使用。有兴趣的可以观察一下像新浪等网站的首页或栏目首页代码，他们总会把css或js直接写在html里，而不用外部文件。

是指标记中class属性为.info的元素，比如<div class="info"></div><a href="#" class="info"></a>等等

给个class属性，再来个margin-bottom：20px;即可。

你的 JS 程序是没有问题的问题在这里-------------------------<DIV id=NewsTop_cnt><SPAN title="Don"t delete me"></SPAN><SPAN><A href="#" target=_self>新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河</A><BR></SPAN>1.<SPAN> 2.</div>3.</SPAN></DIV> --------------------------你看 1.2.3 那是不是有问题还有一点 国内 国际 社会 网评 四个栏目应该有四个对应 内容 SPAN当 鼠标移到 社会 栏目是会出错因为 changeNav(this.value) 这里 this.value=3 (应该知道为什么=3 啥)TagsCnt=document.getElementById("NewsTop_cnt").getElementsByTagName("span")TagsCnt 只有 2 项内容所以 函数 changeNav(v) 里是这句 会出错TagsCnt[flag]所以要加 两个 SPAN------------------<DIV id=NewsTop_cnt><SPAN title="Don"t delete me"></SPAN><SPAN><A href="#" target=_self>新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河</A><BR></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></div>-----------------------我试了 是这个 问题希望楼主 去试试

总的来说：这是CSS3.0的对于文章段P容器的定义方法语句！display:block这个样式，只定义了P容器为一个块;后面四句是CSS3中的样式定义方法；-webkit-margin-before: 1em;-webkit-margin-after: 1em;分别定义p的上边距和下边距的数值是1倍字体高度，如10px像素的字，那么边距就为10px; -webkit-margin-start: 0px;-webkit-margin-end: 0px; 上面二句则定义为左右边距都为0PX，这个应该好理解；所以以上p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}相当于CSS2.0中的p { display: block; margin-top: 1em; margin-bottom: 1em; margin-right: 0px; margin-left: 0px;}但由于CSS3.0要求浏览器版本较高，所以国内并没有流行CSS3.0样式，依然以CSS2.0为主流，但以后应该是CSS3.0的天下，因为它代表着先进性。下面是讲下它的由来：其实这就是W3C样的CSS3的一个定义P容器内容的样式：“-webkit-margin-before”、“-webkit-margin-after”，“-webkit-margin-start”，“-webkit-margin-end” 这个是CSS3阶段提出的一个属性，现在甚至连草案都没进，目前只有webkit支持。before、after、start、end是用在对文本的。比如说，中文和英文是从左到右，从上到下阅读的，那么，before = top， start = left，end = right，after = bottom。这叫做“writing-mode”，简单来说就是书写方式。但是，日文的书写方式就不一样了，他们是从上至下，从右到左书写的。那么在这种write-mode下，before = right， start = top，end = bottom，after = left。margin-before的用意就是，不论是哪种writing-mode，我们都可以设定“开始那边的边距”这样的内容，而不需要为了适应不同的writing-mode写几种margin。关于writing-mode，w3c有详细的介绍，看完就懂了。webkit指的是一种HTML排版引擎，作用就是把根据HTML和CSS的代码显示出页面。最初是Apple公司的一个开源项目，他们自家的浏览器Safari有用。之后Google也使用这个排版引擎加上自己的V8 Javascript引擎建立了一个开源的浏览器项目Chromium，并且利用这个项目只做了自家的浏览器Chrome。同时这两家在移动平台上的浏览器也是用Webkit内核的。因此，随着iOS和安卓移动终端的普及，用Webkit的浏览器也越来越多。而得益于Chromium引擎，在PC平台上也有很多Webkit浏览器，比如360呀，世界之窗呀，枫树浏览器呀，太阳花浏览器呀，搜狗浏览器呀，遨游3呀，猎豹浏览器呀。基本上说自己是双核，有什么极速模式的，都是用的Chromium。相对应的，微软的IE浏览器用的是Trident排版引擎，也就是常说的IE核心，火狐浏览器也有自己的Gecko排版引擎。而Apple的iBooks同样也用了webkit作为排版引擎，所以iBooks和webkit内核的浏览器有很多相似之处。而Sigil这个编辑软件，用的则是Chromium，因此也是webkit内核的。看看Sigil的预览模式就知道它肯定是用的Chromium了。在CSS属性能中，我们常常能看到-webkit-，-moz-之类的前缀，这种就叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的，-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。比方说，Chrome 10是不认border-radius这种写法的，只能用webkit-border-radius，而Chrome12就能认了。于是在写CSS的时候，这样写就能确保Chrome10和Chrome12浏览网页的时候都能够正确显示。

text-align：指文本的水平对齐方式；margin：auto 0 指整个div层居中对齐。

margin是外边距，padding是内边距。

使用width来设置盒子内容区的宽度 使用height来设置盒子内容区的高度 width和height只是设置的盒子内容区的大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定为元素设置边框 要为一个元素设置边框必须指定三个样式 border-width:边框的宽度 border-color:边框颜色 border-style:边框的样式使用border-width可以分别指定四个边框的宽度 如果在border-width指定了四个值 则四个值会分别设置给上、右、下、左，按照顺时针的方向设置的 如果指定三个值 则三个值会分别设置给上、左右、下 如果指定两个值 则两个值会分别设置给上下、左右 如果指定一个值，则四边全都是该值 除了border-width，CSS中还提供了四个border-xxx-width xxx的值可能是top right bottom left 专门用来设置指定边的宽度* 设置边框的颜色 * 和宽度一样，color也提供四个方向的样式，可以分别指定颜色 例如：border-color: red; /*border-color: red yellow orange blue;*/ /*border-color: red yellow orange;*/ /*border-color: red yellow;*/ 格式和边框设置颜色相同.* 设置边框的样式 * 可选值： * none，默认值，没有边框 * solid 实线 * dotted 点状边框 * dashed 虚线 * double 双线 * * style也可以分别指定四个边的边框样式，规则和width一致，同时它也提供border-xxx-style四个样式，来分别设置四个边设置边框 大部分的浏览器中，边框的宽度和颜色都是有默认值，而边框的样式默认值都是none */ /* border-width: 10px; border-color: red; border-style: solid; */ /* border - 边框的简写样式，通过它可以同时设置四个边框的样式，宽度，颜色 - 而且没有任何的顺序要求 - border一指定就是同时指定四个边不能分别指定 border-top border-right border-bottom border-left 可以单独设置四个边的样式，规则和border一样，只不过它只对一个边生效 */ /*border: red solid 10px;*/ /*border-left: red solid 10px;*/内边距： 内边距（padding），指的是盒子的内容区与盒子边框之间的距离，一共有四个方向： padding-top padding-right padding-bottom padding-left 内边距会影响盒子的可见框的大小，元素的背景会延伸到内边距 盒子的大小由内容区、内边距和边框共同决定 盒子可见框的宽度 = border-left-width + padding-left + width + padding-right + border-right-width 盒子可见框的高度 = border-top-width + padding-top + height + padding-bottom + border-bottom-width */ /*设置上内边距*/ /*padding-top: 100px;*/ /*设置右内边距*/ /*padding-right: 100px; padding-bottom: 100px; padding-left: 100px;*/ /* 使用padding可以同时设置四个边框的样式，规则和border-width一致 */ /*padding: 100px;*/ /*padding: 100px 200px;*/ /*padding: 100px 200px 300px;*/外边距： 外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置 盒子有四个方向的外边距： margin-top margin-right margin-bottom margin-left 由于页面中的元素都是靠左靠上摆放的，所以注意当我们设置上和左外边距时，会导致盒子自身的位置发生改变，而如果是设置右和下外边距会改变其他盒子的位置 */ /*设置上外边距，即盒子的上边框与其他盒子的距离*/ /*margin-top: 100px;*/ /*左外边距*/ /*margin-left: 100px;*/ /*设置右和下外边距*/ /*margin-right: 100px; margin-bottom: 100px;*/ /* 外边距也可以指定为一个负值，如果外边距设置的是负值，则元素会向反方向移动 */ /*margin-left: -100px; margin-top: -100px; margin-bottom: -100px;*/ /*margin-bottom: -100px;*/ /* margin还可以设置为auto，auto一般只设置给水平方向的margin 如果只指定，左外边距或右外边距的margin为auto则会将外边距设置为最大值 垂直方向外边距如果设置为auto，则外边距默认就是0 如果将left和right同时设置为auto，则会将两侧的外边距设置为相同的值，就可以使元素自动在父元素中居中 所以我们经常将左右外边距设置为auto，以使子元素在父元素中水平居中 */ /*margin-left: auto; margin-right: auto;*/ /*margin-top: auto;*/ /* 外边距同样可以使用简写属性 margin，可以同时设置四个方向的外边距,规则和padding一样 */ /*margin: 10px 20px 30px 40px;*/ 为上边的元素设置一个下外边距：margin-bottom: 100px; 为下边的元素设置一个上外边距：margin-top: 100px;垂直外边距的重叠 在网页中相邻的垂直方向的外边距会发生外边距的重叠 所谓的外边距重叠指兄弟元素之间的相邻外边距会取最大值而不是取和 如果父子元素的垂直外边距相邻了，则子元素的外边距会设置给父元素.box3{ width: 200px; height: 100px; background-color: yellow; /*为box3设置一个上边框*/ /*border-top: 1px red solid;*/ /*padding-top: 1px;*/ padding-top: 100px; }.box4{ width: 100px; height: 100px; background-color: yellowgreen; /*为子元素设置一个上外边距，使子元素的位置下移*/ /*margin-top: 100px;*/浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。 所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉 格式： *{ margin: 0; padding: 0; }

如上图margin指的是外部边距，如上图：粉色区域。padding指的是内部边距。如上图：绿色区域

一、字体属性　　与字体有关的属性包括：font-family,font-style,font-variant,font-weight,font-size,font。执行顺序是：font-style,font-variant,font-weight,font-size 1、font-family:如果字体的名称中含有空格，那么要加上双引号。 2、font-style:normal|italic|oblique 3、font-variant:normal|small-caps 4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900 　　normal相当于400，bold相当于700 5、font-size:absolute-size|relative-size|length|percentage absolute-size:xx-small|x-small|small|medium|large|x-large|xx-large relative-size:larger|smaller 6、font:font-style|font-variant|font-weight|font-size|line-height|font-family 　　font属性可以一次定义前边提到的所有的字体属性。 二、颜色和背景属性1、color:一般指前景色。 2、background-color:背景色。 3、background-image: 　　body{background-image:url(marble.jpg)} 4、background-repeat:repeat|repeat-x|repeat-y|no-repeat 　　body{background-image:url(marble.jpg);background-repeat:repeat-y} 5、background-attachment:scroll|fixed 　设置文字在背景图案上面滚动，背景图案保持固定不动用fixed. 6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right 7、background:background-color|background-image|background-repeat|background-attachment|background-position 　　可以一次设置前面的所有的有关背景的属性。如body{background:white url(bg.jpg)} 三、文本属性1、word-spacing:normal|length 2、letter-spacing:normal|length 3、text-decoration:none|underline|overline|line-through|blink 4、vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage 　　这个属性用来对齐图片效果特别好。如image{vertical-align:baseline} 5、text-transform:capitalize|uppercase|lowercase|none capitalize:每个单词的第一个字母大写。 uppercase:所有字都大写。 lowercase:所有字都小写。 6、text-align:left|right|center|justify 7、text-indent:length|percentage 　　适用于块级元素，定义文本首行的缩进方式。如p{text-indent:1cm} 8、line-height:normal|number|length|percentage 四、容器属性1、margin-top:length|percentage|auto 　　如body{margin-top:0} 2、margin-right:同上 3、margin-bottom:同上 4、margin-left:同上 5、margin:length|percentage|auto {1,4} 　　前四个属性都可以用margin来定义。如果给出的值少于四个，那么缺失的部分就取其对边的值。

在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 下面讲解 padding和margin常用的用法 一、padding 1、语法结构 （1）padding-left:10px; 左内边距 （2）padding-right:10px; 右内边距 （3）padding-top:10px; 上内边距 （4）padding-bottom:10px; 下内边距 （5）padding：10px; 四边统一内边距 （6）padding:10px 20px; 上下、左右内边距 （7）padding:10px 20px 30px; 上、左右、下内边距 （8）padding:10px 20px 30px 40px; 上、右、下、左内边距 2、可能取的值 （1）length 规定具体单位记的内边距长度 （2）% 基于父元素的宽度的内边距的长度 （3）auto 浏览器计算内边距 （4）inherit 规定应该从父元素继承内边距 3、浏览器兼容问题 （1）所有浏览器都支持padding属性 （2）任何版本IE都不支持属性值“inherit” 二、margin 1、语法结构 （1）margin-left:10px; 左外边距 （2）margin-right:10px; 右外边距 （3）margin-top:10px; 上外边距 （4）margin-bottom:10px; 下外边距 （5）margin:10px; 四边统一外边距 （6）margin:10px 20px; 上下、左右外边距 （7）margin:10px 20px 30px; 上、左右、下外边距 （8）margin:10px 20px 30px 40px; 上、右、下、左外边距 2、可能取的值 （1）length 规定具体单位记的外边距长度 （2）% 基于父元素的宽度的外边距的长度 （3）auto 浏览器计算外边距 （4）inherit 规定应该从父元素继承外边距 3、浏览器兼容问题 （1）所有浏览器都支持margin属性 （2）任何版本IE都不支持属性值“inherit”

外边距很好理解，就是指边框以外的距离，可以表示和其它元素之间的距离，使用margin属性来设置。 margin后面可跟多个值，中间用空格分离，含义如下： （1）首先我们放置三个盒子，颜色不同，宽高均为100px。 （2）我们给中间的橙色盒子加上一个10px的上外边距，可以看到橘黄色的盒子向下移动了10px，上面多了一个上外边距。 （3）接下来我们去掉上外边距，改成给橘黄色盒子加上一个10px的下外边距，发现橘黄色盒子并没有移动，移动的是下面的黄色盒子，所以margin-top和margin-bottom的用法一定要区分开。 （4）外边距可以是赋值，我们给橘黄色盒子添加一个-50px的上外边距，可以看到橘黄色盒子向上移动了。 （1）我们放置一个大的红色盒子，里面包着一个小的橘黄色盒子，当我们为橘黄色盒子添加了一个50px的上外边距的时候，本来应该只是小盒子多了上外边距然后导致向下移动。结果发现，效果就好像是给大盒子加了上外边距一样，大盒子跟着小盒子一起塌陷下去了，并不是我们想要的效果。 （2）如果大盒子有边框，或者橘黄色盒子上面还有元素，情况会是正常的，可以达到我们想要的效果，不会出现塌陷： （3）解决方法 在外部元素上面没有边框，其内部上方也没有其它元素挡着的时候，给其子元素设置上外边距，会导致塌陷，达不到想要的效果。目前我们只能在遇到这种情况的时候尽量使用padding去设置，不要使用margin，当然还有很多别的解决方法，就不细说啦。 我们放置两个盒子，给上面的盒子添加一个100px的下外边距，给下面的盒子添加一个50px的上外边距，最终效果如图所示，两个盒子最后中间只隔了100px： 当下方元素的上外边距遇到上方元素的下外边距，是会发生重合效果的，设置的时候一定要注意。 块元素才可以设置上下左右外边距，内联元素设置上下外边距是无效的。

晕死，我刚看到！我们跟他们合作过。Css pacific rim 主要是在香港，一般是跟进，验厂，验货等事宜。下订单还是在美国！付款算正常！其中包括cleo,paper magic,berwick 等~

CSS中class可以指定多个值，用空格隔开就可以了，多个样式定义最终会叠加在一起应用到当前元素。一、CSS中id和class的区别：1、id的优先级比class高。2、class是通用属性，就是说几个div可以调用同一个class ，而id是唯一的，web标准中不允许出现两个div的id标识是相同的，id也是js获取对象的一个标识，所以也必须是唯一的。二、class属性修改：类属性即class属性，规定类名，用类选择器规定样式的时候，需要为元素指定类名，即class属性的值。注意每个HTML元素只有一个class属性。但是class属性的值可以是多个名称，即可能包含一个词的列表，中间用空格分隔。

CSSCI是南大核心期刊。是一个期刊的评价体系。ISSN是国际标准刊号。所有的期刊基本都有一个ISSN刊号。包括国外的期刊。国内职称，只认可CN刊号，CN刊号也叫国内统一刊号，是由国家新闻广电总局颁发。==============================「刊易」为您解答。

....你想怎么翻译??是不是每个出现过的属性都告诉你效果?

呵。div+css要考虑到兼容的问题的...有一条叫做万能Float闭合原则。。也就是说你只要用了Float:left or float:right 。如果想让下一个div块换行的话就得加一个<div style="clear:both"></div>这样你的#Foot就下来了。。。兼容问题。。要多看看...大网站怎么弄的.

OH-MYG

加一个float属性{float：left；}

#sidebar 表示的是选择id名为sidebar的元素,~~如<div id="sidebar"></div>.#为ID选择符~sidebar只是一个名字,#b~#sidebar p,#sidebar h2空格间开的为上下文选择符号 分别表示选择id名为sidebar的元素中所有的P元素和H2元素

没有在某一帧暂停这一属性不过可以通过将动画拆分来实现<style>@keyframes rainbow_1{0% { background: #c00; }100% { background: #orange; }}@keyframes rainbow_2{0% { background: #orange; }100% { background: #yellowgreen; }}.demo{animation:rainbow_1 1s forwards}.rainbow_2{animation:rainbow_2 1s forwards}</style><script>$(".demo").on(“animationend”，function(){//然后通过监测动画结束事件 来实现你接下来想做的事情//比如:$(this).addClass("rainbow_2"); //播放动画2});</script>

align=center valign=middle 垂直距离 halign=水平距离 （top middle bottom baseline基线）

没区别，都是隐藏，而且原有位置不保留css中还有一个属性叫visibility:hidden，这个是内容隐藏，位置保留

visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。当元素被隐藏之后，就不能再接收到其它事件了，所以在第一段代码中，当其被设为"hidden"的时候，就不能再接收响应到事件了另一方面，display属性就有一点不同了。visibility属性是隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征。当display被设置：none，这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填。（此时应用display: none;的元素相当于消失，而visibility: hidden;则只表示隐藏，位置还在。）

display是控件的css属性之一，表示的是显示模式。none表示不显示在网页上，但是代码存在;bolck是此元素将显示为块级元素，此元素前后会带有换行符。在CSS中，块级对象元素会单独占一行显示，多个block元素会各自新起一行，并且可以设置width,height属性;而内联对象元素前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满，对inline元素设置width,height属性无效。我们有个时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们可以使用inline-block。在CSS中通过display:inline-block对一个对象指定inline-block属性，简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。参考资料天涯社区.天涯社区[引用时间2017-12-25]

直接style.display=""; 为空值就可以显示隐藏并且不换行

display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。下面是所有值的用法描述。display本身意思是“显示、阵列”的意思值 描述none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。 table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。 table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。 table-row 此元素会作为一个表格行显示（类似 <tr>）。 table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。 table-column 此元素会作为一个单元格列显示（类似 <col>） table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>） table-caption 此元素会作为一个表格标题显示（类似 <caption>） inherit 规定应该从父元素继承 display 属性的值。

display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。下面是所有值的用法描述。display本身意思是“显示、阵列”的意思值 描述none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。 table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。 table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。 table-row 此元素会作为一个表格行显示（类似 <tr>）。 table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。 table-column 此元素会作为一个单元格列显示（类似 <col>） table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>） table-caption 此元素会作为一个表格标题显示（类似 <caption>） inherit 规定应该从父元素继承 display 属性的值。

display：none可以隐藏某个元素，且隐藏的元素不会占用任何空间。该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。display：block可以显示一个块元素，或者display：inline是显示一个内联元素。display主要用的CSS样式有以下三个：display:block——显示为块级元素。display:inline——显示为内联元素。display:inline-block——显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性。扩展资料：显示的块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;显示的内联元素(inline)特性：和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小;块级元素主要有：address,blockquote,center,dir,div,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,isindex,menu,noframes,noscript,ol,p,pre,table,ul,li等css属性。内联元素主要有：a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,font,i,img,input,kbd,label,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var等css属性。

只需设置display:none;即可将该元素设为隐藏的。默认的是显示的，即不设置display即默认显示。isplay 属性规定元素应该生成的框的类型，定义建立布局时元素生成的显示框类型。display的值可以取如下的值：none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值）

你加在哪了?

我用ie验证了好用

首先你要知道CSS的名字 是层叠样式表 顾名思义 他只会看你权重的那个属性 你在一个样式里面放了两种，他就会自动的默认你要执行下面那个如果你想用多个效果

obj.style.display="block";不可以吗？

看你需要什么样的动画吧，css本身一些也能满足一些动画效果的要求。例如.ss {width:200px;height:200x;display:none;transtion: transform 2s;transform:scale(0)}.ss-active{display:block;transform:scale(1)}当标签被赋上ss-active的类名是，是一个两秒逐渐放大的效果。示例仅供参考，transform还有其他效果平移，旋转，扭曲之类的。(手机盲写的，感觉没问题，如有错误欢迎指正。)

#archives b{display:none;}隐藏的是<b>标签里面的内容。

display:inline--默认。此元素会被显示为内联元素，元素前后没有换行符。display:none--此元素不会被显示。

display:inline 主要用在横排列表的时候，因为默认的<li>每个会占一行，转化为内敛元素，就会横排了display:none 主要用在做tab选项卡的时候，将不显示的部分隐藏，配合JS代码使用display:bock 将内联元素转化为块级元素。内联元素在宽度足够的情况下是横向一个个显示，块及元素是每个占一行显示。

display:none是隐藏，block显示

现在能认出来了。！

清除浮动时就是要用block元素呀