歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > DIV+CSS基礎 >

常常我們在DIV+CSS布局的時候會遇到2處使用星號“*”,一個為以星號*沒有命名名稱的CSS選擇器;另外一個是在CSS選擇器里以*開頭的CSS屬性單詞樣式-CSS星號-CSS *知識介紹。

接下來DIVCSS5為大家講解這兩處星號的區別與用法

CSS星號知識目錄
  1. CSS星號選擇器
  2. CSS選擇器內以星號開頭CSS單詞

1、CSS星號*選擇器     -   TOP

新手常常在css+div布局的時候看見CSS代碼中第一行有個帶“*”星號的選擇器。如:
*{padding:0; ... }
CSS星號“*”這是什么意思呢?
這里的“*”號是通配符,即指,網頁html中所有標簽意思。
例子:

CSS星號演示圖

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,如下圖:

DIV+CSS *星號知識教程演示圖例

講過各大瀏覽器測試,我們會發現在IE6和IE7中寬度為300px,而在IE8及以上MSIE版本、谷歌瀏覽器、火狐(FF)瀏覽器卻顯示為220px寬度。

自己測試測試看看是否與描述相同效果。
注意:這里屬于星號CSS屬性放置前后位置。

以上為DIVCS5為大家介紹2種不同位置的星號(*)知識。

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/rumen/r307.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.khijtf.live DIVCSS5版權所有。

江西多乐彩走势图今天 送现金棋牌麻将游戏 除了赚钱真的没什么重要事了 跨城顺风车赚钱攻略 6538彩票游戏 养豚能赚钱吗 微信捕鱼千炮版 罗伯特赚钱是真的吗 全讯彩票网址 现在投资啥厂赚钱 琼崖海南麻将官方网下载 2018魔兽世界萌新怎样赚钱 东北麻将单机游戏 山东威海二手房东赚钱吗 天语雅阁赚钱吗 现货原油真的能赚钱的吗 守墓人赚钱攻略