css 小知识集锦

最新推荐文章于 2014-05-20 17:53:23 发布

tree3170

最新推荐文章于 2014-05-20 17:53:23 发布

阅读量316

点赞数

本文链接：https://blog.csdn.net/tree3170/article/details/8062055

版权

前端相关专栏收录该内容

47 篇文章 0 订阅

订阅专栏

1. 居中 span{display:block;width:宽度值自己定； text-align:center;margin:0 auto;}//display:block;必须

2.target:在手动改HTML代码时经常会用到target参数，常用的有两个target=_blank 和target=_self意思为：

target=_blank表示在新窗口中打开该链接；target=_self表示相同框架，即在当前窗口（或当前选项卡）中打开该链接还有两个不常用的：

target=_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。

target=_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架不写的话就是表示默认值，默认值一般跟浏览器有关。

比如网A中镶嵌iframe了网页B，网页B又镶嵌iframe了网页C：如果网页C中连接设置target=_parent，则跳将网页B去掉直接A中嵌入网页C中链接页面;而如果网页C中target=_top ，则直接跳出所有iframe框架，直接转向C中链接页面。

3.滤镜：css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用：语法： filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=color,endColorStr=color) enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false 默认激活startColorStr：设置或检索色彩渐变的开始颜色和透明度，如#e1e1e1 endColorStr：设置或检索色彩渐变的结束颜色和透明度，如#ffffff有一些网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

具体可以参考：http://www.cnblogs.com/jhti/archive/2010/10/09/1846466.html

4.iframe 去掉水平的scrollbar

<style>
html { overflow-x:hidden; }
</style>

5.滚动条：style="overflow:auto;"

6.CSS控制文本自动换行

按照网上大多数文章的说法，只要在CSS中加入：

<div style="WORD-BREAK: break-all; WORD-WRAP: break-word;width:300px;" >
<label id="copyemail" width="100px" style="" > dsgidsj</label>
</div>
table {<br />
table-layout:fixed;word-break:break-all;word-wrap:break-word;}<br />
div{word-break:break-all;word-wrap:break-word;}
就可以解决表格和层被撑破，最初我也是这样做的。不过这样的代码会造成一个问题，你会发现英文词全部被截断了，这不符合英语的书写习惯也不利于阅读。
后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。
如下：
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
这也是现在我用的代码。