塊級元素和行內元素分別有哪些?動手測試并列出4條以上的特性區別
塊級元素:p、div、h1~h6、table、tr、th、td、dl、dd、ul、ol、li、body、form、、
行內元素:a、span、input、img、code、textarea、button、iframeem、strong、script、label、br
區別:塊級元素占據一行,行內元素占據本身大小的位置
塊級元素可以設置寬高;行內元素不能設置寬高
塊級元素中可以包含任一元素;行內元素只能包含行內元素;
塊級元素設置margin、padding時可以生效,位置會發生變化;行內元素設置時margin、padding只能左右生效,同時它占據的位置不發生變化
塊級元素設置水平居中可以margin:0 auto;行內元素居中為text-align=center;什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
子標簽繼承父標簽的css樣式。
繼承:font-size、font-family、color、line-height、font-weight
不能繼承:display如何讓塊級元素水平居中?如何讓行內元素水平居中?
塊級元素設置水平居中可以margin:0 auto;行內元素居中為text-align=center;用 CSS 實現一個三角形
三角形單行文本溢出加 ...如何實現?
{white-space:nowrap
overflow:hidden;
text-overflow:ellipsis;
}px, em, rem 有什么區別
px: 固定單位
em:相對單位,以父元素為基礎
rem:相對單位,以根元素(html)為基準解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
body的字體設置:字體的大小為12像素;行高為字體的1.5倍;字體的類型為tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
加引號的作用:為了防止css校驗器將字符串中的空格省略掉,從而引起識別錯誤
代表的是宋體,使用Unicode編碼而來的demo
8.1. http://js.jirengu.com/hesaz/5
8.2. http://js.jirengu.com/xunu/3
8.3. http://js.jirengu.com/qada/5
8.4.http://js.jirengu.com/joza/2/edit
8.5.http://js.jirengu.com/vaxo/4/edit
**嚴禁轉載,違者必究!
#CSS常見樣式
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
推薦閱讀更多精彩內容
- 塊級元素和行內元素分別有哪些? block-level div h1 h2 h3 h4 h5 h6 p hrfor...