论坛
门户
内部优惠
喜欢
话题
VIP会员
搜索
新浪微博
登录
注册
100%
100%
首页
>
网页设计
>
css技术
>
DIV+CSS 星号*
回复
« 返回列表
灯火互联
管理员
注册日期
2011-07-27
发帖数
41778
QQ
火币
41290枚
粉丝
1086
关注
100
加关注
写私信
打招呼
阅读:
4507
回复:
0
[系统教程]
DIV+CSS 星号*
楼主
#
更多
只看楼主
倒序阅读
发布于:2011-11-02 04:06
保存
100%
100%
[]
1
常常我们在
DIV+CSS布局
的时候会遇到2处使用星号“*”,一个为以星号*没有命名名称的
CSS选择器
;另外一个是在CSS选择器里以*开头的
CSS
属性单词样式-
CSS星号
-
CSS *
知识介绍。
接下来DIVCSS5为
大家
讲解这两处星号的区别与用法
CSS星号知识目录
CSS星号选择器
CSS选择器内以星号开头CSS单词
1、CSS星号*选择器 -
TOP
新手
常常在
css+div
布局的时候看见
CSS代码
中第一行有个带“*”星号的
选择器
。如:
*{padding:0; ... }
CSS星号“*”这是什么意思呢?
这里的“*”号是通配符,即指,网页html中所有标签意思。
例子:
图片:58_3710_08079e2e0e79d20.png
CSS
代码:
*{ padding:0; margin:0; font-family:"
黑体
"}
以上DIV+CSS中CSS代码意思:设置网页html中所有标签成员的css样式为padding为0,margin为0,字体为黑体。
这样就无需像以前那样分别设置网页不同标签元素的css样式表,这样就全面设置和初始化了html标签元素的CSS样式。
2、CSS选择器内以(*)星号开头CSS单词 -
TOP
在CSS选择器内星号+CSS样式属性单词,一般区别IE6和IE8、IE6和FF,IE7和IE8,IE7和FF浏览器之间属性CSS HACK。如下演示测试。
.divcss5{border:1px solid #000;width:220px;*width:300px;}
我们设置一个宽度为220px,一个带星号的宽度为300px,如下图:
图片:58_3710_327be100b321bbe.png
讲过各大浏览器测试,我们会发现在IE6和IE7中宽度为300px,而在IE8及以上MSIE版本、谷歌浏览器、火狐(FF)浏览器却显示为220px宽度。
自己测试测试看看是否与描述相同效果。
注意:这里属于星号CSS属性放置前后位置。
以上为DIVCS5为大家介绍2种不同位置的星号(*)知识。
喜欢
0
评分
0
最新喜欢:
淘宝天猫隐藏优惠券地址
回复
100%
发帖
回复
« 返回列表
普通帖
您需要登录后才可以回帖,
登录
或者
注册
100%
返回顶部
关闭
最新喜欢