数码资讯
学习样式表CSS参考常见的CSS知识
1比较。块和内联元素 所有HTML元素都属于块和内联中的一个。 块元素的特征是： 总是从新的一行开始。 高度，高度和顶部和底部之间的距离可以被控制。 宽度默认是其容器的100%，除非设置了宽度。 块元素的一个示例。 与此相反，内联元素的特征是： 所有其他元素都在同一行上； 高度、高度、上下距离不能改
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
1比较。块和内联元素
所有HTML元素都属于块和内联中的一个。
块元素的特征是：
总是从新的一行开始。
高度，高度和顶部和底部之间的距离可以被控制。
宽度默认是其容器的100%，除非设置了宽度。
块元素的一个示例。
与此相反，内联元素的特征是：
所有其他元素都在同一行上；
高度、高度、上下距离不能改变。
宽度是文本或图片的宽度，不能更改。
并且，也是内联元素的一个示例。
元素的这个特性可以通过显示改变：内联或显示：块命令。你需要什么时候改变这个属性
让内联元素从新行开始；
将块元素和其他元素保持在同一行上；
控制内联元素的宽度（尤其对导航栏有用）；
控制内联元素的高度；
可以设置具有相同宽度的块元素的背景颜色，而不设置宽度。
2。又一盒黑客方法
有这么多盒黑客的方法因为之前6箱IE的理解是不一样的，其宽度包括线宽和空白。让IE5与其他浏览器，你可以使用CSS的方法：
Padding: 2em;
边境：1em固体绿；
宽度：20em；
宽度 / * / /：* 14em；
第一宽度由所有的浏览器，但确认IE5。X不承认第二元素设置宽度，因为网上有空白的笔记。所以IE5。X减去几个缺口20，和其他的浏览器将使用14的宽度，因为它是第二线路将覆盖第一线。
最小宽度为3。页
最小宽度是一个非常方便的CSS命令，它可以指定元素的最小不小于一定的宽度，以保证排版总是正确的。但我不承认这一点，它实际上使宽度最小宽度。为了使这个命令可以在IE，你可以把一个下一个标签，指定一个类的div：
然后CSS设计了它。
#容器
{
最小宽度：600px；
宽度：表达（document.body.clientwidth＜600600px 自动）；
}
第一个最小宽度是正常的，但是第二行宽度使用的是Javaｓｃｒｉｐｔ，它只被IE识别，这也使得你的HTML文档不那么正式，它通过Javaｓｃｒｉｐｔ的判断实际上实现了最小宽度。
同样的方法也可以最大化IE的宽度：
#容器
{
最小宽度：600px；
马克斯：1200px宽度；
宽度：表达（document.body.clientwidth 1200 1200px：汽车；
}
4。工业工程与宽高问题
IE不认识MIN的定义，但实际上它将正常的宽度和高度作为最小值。这是个大问题。如果使用宽度和高度，普通浏览器中的两个值不会改变。如果只使用最小宽度和最小高度，IE将不会设置宽度和高度。
例如，设置背景图片，这个宽度更重要：
。箱
{
宽度：80px；
身高：35px；
}
body.box
{
宽度：自动；
高度：自动；
最小宽度：80px；
最小高度：35px；
}
所有的浏览器都可以使用第一盒设置，但IE不认识的第二段，由于采用subselector命令。第二设置较为特殊，所以它将覆盖第一个设置。
5。字体变形命令
文本转换命令是非常有用的，它有3个值：文本转换：大写，小写和文字文本转换：转换：利用。首先将文本转换成一个完整的情况下，第二变成一个完整的情况下，和第三变成第一案的写法。这拼音是非常有用的，即使有一个案例与错误的情况下，不可以在网页上看到的。
6的图片文本消失问题。IE
有时，文本或背景图突然消失的问题被刷新。在浮动元素附近更可能发生。在这一点上，您可以设置消失元素：位置：相对，如果不是，则考虑指定这些元素的宽度。
7。看不见的文字
以任何理由，我们希望一些网页不在浏览器中显示为例，印刷或小屏幕，所以有些文字无法显示，您可以使用显示：没有。这很简单，但有时有点无用的一些人，他们可以摆脱这种控制，然后使用：位置：左：- 9000px绝对。
这实际上指定要在页外显示的文本。
8。为手持设备设计特殊CSS
也就是说，移动PDA和其他小屏幕用户，可以专门设计一个CSS，使网页更舒适。为此，你可以调整浏览器窗口到150点宽看到效果。CSS的语法指定一个特殊的手持设备是：
您还可以阅读专用手持设备的可用性。
9。三维效果按钮
在你想制作一个具有3D效果的按钮并点击之前，你必须用图片替换它，现在CSS可以：
一
{
显示块；
border: 1px solid；
边框颜色：# AAA # 000 # 000 # AAA；
宽度：8em；
背景：# 0；
}
答：悬停
{
职位：相对；
上图：1px；
左：1px；
边框颜色：# 000 # AAA # AAA # 000；
}
至于效果，可以自行调整。
10。在不同的页面上使用相同的导航代码
许多页面都有导航菜单。当你进入一个页面时，菜单上的对应项应该是灰色的，而其他页面是明亮的。一般来说，为了达到这个效果，你需要为每个页面编写程序或设计，这种效果可以通过CSS来实现。
首先，在导航代码中使用CSS类：
回家
关于我们
联系我们
然后为正文的每个页面指定一个ID，与上层类指定相同的名称。
然后CSS的设计如下：
#家里，# about.about，# about.about
{
突出显示的导航命令在这里
}
在这里，当ID被设置为家时，家将扮演一个角色，也就是说，类已经设置到家中的行导航条将显示特殊的效果。其他页面也是如此。
所有HTML元素都属于块和内联中的一个。
块元素的特征是：
总是从新的一行开始。
高度，高度和顶部和底部之间的距离可以被控制。
宽度默认是其容器的100%，除非设置了宽度。
块元素的一个示例。
与此相反，内联元素的特征是：
所有其他元素都在同一行上；
高度、高度、上下距离不能改变。
宽度是文本或图片的宽度，不能更改。
并且，也是内联元素的一个示例。
元素的这个特性可以通过显示改变：内联或显示：块命令。你需要什么时候改变这个属性
让内联元素从新行开始；
将块元素和其他元素保持在同一行上；
控制内联元素的宽度（尤其对导航栏有用）；
控制内联元素的高度；
可以设置具有相同宽度的块元素的背景颜色，而不设置宽度。
2。又一盒黑客方法
有这么多盒黑客的方法因为之前6箱IE的理解是不一样的，其宽度包括线宽和空白。让IE5与其他浏览器，你可以使用CSS的方法：
Padding: 2em;
边境：1em固体绿；
宽度：20em；
宽度 / * / /：* 14em；
第一宽度由所有的浏览器，但确认IE5。X不承认第二元素设置宽度，因为网上有空白的笔记。所以IE5。X减去几个缺口20，和其他的浏览器将使用14的宽度，因为它是第二线路将覆盖第一线。
最小宽度为3。页
最小宽度是一个非常方便的CSS命令，它可以指定元素的最小不小于一定的宽度，以保证排版总是正确的。但我不承认这一点，它实际上使宽度最小宽度。为了使这个命令可以在IE，你可以把一个下一个标签，指定一个类的div：
然后CSS设计了它。
#容器
{
最小宽度：600px；
宽度：表达（document.body.clientwidth＜600600px 自动）；
}
第一个最小宽度是正常的，但是第二行宽度使用的是Javaｓｃｒｉｐｔ，它只被IE识别，这也使得你的HTML文档不那么正式，它通过Javaｓｃｒｉｐｔ的判断实际上实现了最小宽度。
同样的方法也可以最大化IE的宽度：
#容器
{
最小宽度：600px；
马克斯：1200px宽度；
宽度：表达（document.body.clientwidth 1200 1200px：汽车；
}
4。工业工程与宽高问题
IE不认识MIN的定义，但实际上它将正常的宽度和高度作为最小值。这是个大问题。如果使用宽度和高度，普通浏览器中的两个值不会改变。如果只使用最小宽度和最小高度，IE将不会设置宽度和高度。
例如，设置背景图片，这个宽度更重要：
。箱
{
宽度：80px；
身高：35px；
}
body.box
{
宽度：自动；
高度：自动；
最小宽度：80px；
最小高度：35px；
}
所有的浏览器都可以使用第一盒设置，但IE不认识的第二段，由于采用subselector命令。第二设置较为特殊，所以它将覆盖第一个设置。
5。字体变形命令
文本转换命令是非常有用的，它有3个值：文本转换：大写，小写和文字文本转换：转换：利用。首先将文本转换成一个完整的情况下，第二变成一个完整的情况下，和第三变成第一案的写法。这拼音是非常有用的，即使有一个案例与错误的情况下，不可以在网页上看到的。
6的图片文本消失问题。IE
有时，文本或背景图突然消失的问题被刷新。在浮动元素附近更可能发生。在这一点上，您可以设置消失元素：位置：相对，如果不是，则考虑指定这些元素的宽度。
7。看不见的文字
以任何理由，我们希望一些网页不在浏览器中显示为例，印刷或小屏幕，所以有些文字无法显示，您可以使用显示：没有。这很简单，但有时有点无用的一些人，他们可以摆脱这种控制，然后使用：位置：左：- 9000px绝对。
这实际上指定要在页外显示的文本。
8。为手持设备设计特殊CSS
也就是说，移动PDA和其他小屏幕用户，可以专门设计一个CSS，使网页更舒适。为此，你可以调整浏览器窗口到150点宽看到效果。CSS的语法指定一个特殊的手持设备是：
您还可以阅读专用手持设备的可用性。
9。三维效果按钮
在你想制作一个具有3D效果的按钮并点击之前，你必须用图片替换它，现在CSS可以：
一
{
显示块；
border: 1px solid；
边框颜色：# AAA # 000 # 000 # AAA；
宽度：8em；
背景：# 0；
}
答：悬停
{
职位：相对；
上图：1px；
左：1px；
边框颜色：# 000 # AAA # AAA # 000；
}
至于效果，可以自行调整。
10。在不同的页面上使用相同的导航代码
许多页面都有导航菜单。当你进入一个页面时，菜单上的对应项应该是灰色的，而其他页面是明亮的。一般来说，为了达到这个效果，你需要为每个页面编写程序或设计，这种效果可以通过CSS来实现。
首先，在导航代码中使用CSS类：
回家
关于我们
联系我们
然后为正文的每个页面指定一个ID，与上层类指定相同的名称。
然后CSS的设计如下：
#家里，# about.about，# about.about
{
突出显示的导航命令在这里
}
在这里，当ID被设置为家时，家将扮演一个角色，也就是说，类已经设置到家中的行导航条将显示特殊的效果。其他页面也是如此。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。