CSS中常见的11种技能和经验的收集

在使用CSS的过程中，不可避免地会遇到一些常见的bug和浏览器兼容的处理方面。这里我们与大家分享11种CSS的常用技巧和经验，喜欢web前端的朋友可以参考一下，希望对大家有所帮助。

1。如何清除图片下面空白的几个像素

复制代码代码如下所示：
方法1：
img {显示：块；}
方法2：
img {垂直对齐：顶；}
注意：除了顶部值外，还可以将其设置为文本顶部。
中底文字底| | |，甚至具体的值可以是
方法3：
#测试{字体大小：0；线高度：0；}
注：#测试IMG的父元素

2。如何使超链接在访问后和访问前不同于颜色，在访问之后仍然保持悬停和主动效果

复制代码代码如下所示：
方法uff1a
一：链接{颜色：# 03c；}
一：参观{颜色：# 666；}
答：悬停{颜色：# F30；}
一：主动{颜色：# C30；}
注：超链接样式设置在l-v-h-a秩序，可速记的爱（喜欢）恨（讨厌）

三.IE为什么在标准模式下不能设置滚动条的颜色

复制代码代码如下所示：
方法uff1a
html {
scrollbar-3dlight-color：# 999；
滚动条darkshadow颜色：# 999；
滚动条的颜色：# FFF；
滚动条阴影颜色：# Eee；
滚动条箭头颜色：# 000；
面部颜色：# DDD；
滚动条轨道颜色：# Eee；
滚动条底色：# DDD；
}
注意：最初设置在正文上的滚动条颜色样式在HTML标记选择器上定义。

4。如何在一行中显示文本溢出边界而不改变行

复制代码代码如下所示：
Methods: #test{width:150px; white-space:nowrap;}
注：容器的宽度设置和白色空间是不换行，其作用类似于标签

5。如何使文本溢出边界显示为椭圆

复制代码代码如下所示：
方法（但不支持此方法firefox5.0）：
#测试{宽度：150px；空格：nowrap；溢出：隐藏；文本溢出：省略；}
注意：首先需要强制将文本显示在一行中，然后通过溢出溢出文本：隐藏并用文本溢出截断：省略号将截断显示为省略号的文本。

6。如何使连续长串自动线改变

复制代码代码如下所示：
方法：#测试{宽度：150px；自动换行：断词；}
注意：单词换行的中断字值允许单词中的行变化。

7。如何删除超链接虚线框

复制代码代码如下所示：
方法：{大纲：无；}
注：IE7和更早的浏览器需要通过模糊实施（）的JS方法，如<一个，因为它不支持轮廓属性。
事件=this.blur（）；…

8。标准模式标准模式和奇怪的模式怪异模式下的盒子模型的差异

复制代码代码如下所示：
方法uff1a
标准模式：元素
宽度=宽度+填充+边框
怪诞模式：元素
宽度=宽度
注：有关信息，看到CSS3属性框大小

9。如何禁用文本框中的中文输入法

复制代码代码如下所示：
方法：输入，文本输入法模式：禁用；} {
注意：IME模式是非标准属性，只有IE和Firefox在编写文档时支持。

10。如何让层显示在闪烁

复制代码代码如下所示：
方法：<参数
名称=窗口模式value=透明/ >
注意：设置Flash是透明或不透明的wmode值

11。如何在IE iframe背景透明度设置

复制代码代码如下所示：
方法uff1a
套iframe元素allowtransparency =allowtransparency标签属性设置的iframe内部页面的主体背景颜色为透明。但这会在伊江，因为其他一些问题，如：iframe将不包括选择透明设置之后。