CSS 使用問題筆記

2021-09-12 06:04:13 字數 1028 閱讀 9350

1:如何設定文字自動換行 ,style: font-size:16px;display:block; width:50px;overflow: hidden;word-wrap:break-word

2:如何設定 div 自動高度,height:auto ,最小高度設定min-height:

3:如何區分ie6 瀏覽器 例如 style:"margin-top:20px;_margin-top:15px"

4:如何區分ie7 瀏覽器 例如 style:"margin-top:20px;*margin-top:15px"通過前邊加* 號區分ie7

5:如何區分ie8 瀏覽器

6:ie7 下 setattribute("style","") 不起作用 解決辦法相容方法: 使用 object.style.csstext="" 代替

7:div 設定最小高度 可是使用min-height 但是這個熟悉在ie6 中不相容 採用hack 方式處理

#obj
8:div中文字居中 採用text-align:center; 屬性 和line-height 屬性該屬性會影響行框的布局。在應用到乙個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。

line-height 與 font-size 的計算值之差(在 css 中成為「行間距」)分為兩半,分別加到乙個文字行內容的頂部和底部。可以包含這些內容的最小框就是行框。

9:line-height 屬性是乙個非常重要的屬性在布局的時候可以做居中使用

10: css 注釋在ie7下的問題 

.relatediv
這個注釋的css 在ie7下竟然生效,實在是不能理解,// 這種注釋不要在ie7 下使用,記住這個問題

11: z-index 相容性問題 z-index 屬性在ie6 ,7 下解析不同於其他瀏覽器

其他瀏覽器只要div是絕對布局,然後設定z-index 就可以實現效果,但是在ie6,7 下如果乙個div的父級div 也是relative 屬性那麼必須要是設定 需要設定父級的div z-index 後才能實現覆蓋效果

CSS 使用問題筆記

1 如何設定文字自動換行 style font size 16px display block width 50px overflow hidden word wrap break word 2 如何設定 div 自動高度,height auto 最小高度設定min height 3 如何區分ie6...

css使用筆記

字型 表 匯入css的方式 1 2 css3新特性 邊框陰影 box shadow 10px 10px 5px 888888 1 div例子 login box 2 段落例子 title 3 輸入框例子 input type text input type password 4 按鈕例子 input...

CSS學習筆記 CSS的定位問題

學習css 布局的時候,對 position 的認識一直不是很清晰,以致於面試的時候回答的不清楚,現在好好的梳理一下這個問題。css 有三種基本的定位機制 1.普通流 2.浮動 3.絕對定位 1.普通流 除非專門指定,否則所有框 div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一...