国产成人v爽在线免播放观看,日韩欧美色,久久99国产精品久久99软件,亚洲综合色网站,国产欧美日韩中文久久,色99在线,亚洲伦理一区二区

學(xué)習(xí)啦——學(xué)設(shè)計>網(wǎng)頁設(shè)計>網(wǎng)站建設(shè)>網(wǎng)站后臺技術(shù)>

CSS瀏覽器有什么好的方法_CSS瀏覽器有哪些方法

時間: 宇民40 分享

  很多時候,希望能夠在HTML中使用空格排版。但瀏覽器在解析HTML時,會把連續(xù)的空格解析成一個,所以我們會使用等這樣的占位符。下面由學(xué)習(xí)啦小編為大家整理的CSS瀏覽器的方法,希望大家喜歡!

  CSS瀏覽器的方法

  1、ont-family:'宋體';將Safari的默認(rèn)字體設(shè)置成“宋體”等中英文等寬的字體,就能解決。Windows版本的Safari字體設(shè)置,需要直接使用中文“宋體”這樣的名稱而不是“Simsun”(了解原因的兄弟請告訴我)。

  但至此,我們的根本目標(biāo)沒有解決,就是能否避免使用這樣的占位符,而使用“原生”的空格??紤]針對空白的相應(yīng)CSS屬性,具體了解有關(guān)white-space的用法,接下來就比較好處理了。

  總結(jié)下使用white-space實(shí)現(xiàn)等寬空格的條件,有兩個。需要設(shè)置對應(yīng)的屬性

  white-space:pre;

  然后設(shè)置等寬字符(包括等寬空格)即可。綜合起來,就是這樣

  font-family:'宋體',Simsun;

  white-space:pre;

  由于使用了中文CSS名稱,所以在實(shí)際使用中需要考慮樣式的字符編碼問題。同時,需要額外考慮的是,蘋果機(jī)是否有“宋體”(或者其他等寬的字體),有蘋果機(jī)的兄弟請幫忙測試下。

  --Split--

  2、供的另外一個思路,就是使用em單位。1em簡單的說,就可以認(rèn)為是一個字符寬度;同理,.5em就是半個字符。那么,上面的情況就可以使用這樣寫。

  買寶貝:

  我的淘寶:

  社區(qū):

  對應(yīng)的CSS應(yīng)為

  .half-word{width:.5em;}

  .two-word{width:2em;}

  經(jīng)測試通過。

  --Split--

  針對這上述的兩種不同方法,個人認(rèn)為應(yīng)當(dāng)按照實(shí)際情況考慮采用。比如第一種方法,雖然依賴具體的等寬字體,但沒有添加其他額外的結(jié)構(gòu),對于以后的維護(hù)會更加的方便;第二種方法,則更多的考慮了實(shí)際的應(yīng)用情況(同時也不用依賴具體的等寬字體),但是也添加了額外的結(jié)構(gòu)。

  CSS瀏覽器清理浮動的方法

  /* 清理浮動 */

  .clearfix:after {

  visibility:hidden;

  display:block;

  font-size:0;

  content:" ";

  clear:both;

  height:0;

  }

  .clearfix {

  zoom:1;

  }

  其原理是,在「高級」瀏覽器中使用 :after 偽類在浮動塊后面加上一個非 display:none 的不可見塊狀內(nèi)容來,并給它設(shè)置 clear:both 來清理浮動。在 ie6 和 7 中給浮動塊添加 haslayout 來讓浮動塊撐高并正常影響文檔流。

  上面的代碼應(yīng)該是現(xiàn)在主流的清理浮動方式?,F(xiàn)在支付寶就使用這樣的方式。而現(xiàn)在,Nicolas Gallagher 給出了一個更簡潔的方案:

  .cf:before, .cf:after {

  content:"";

  display:table;

  }

  .cf:after {

  clear:both;

  }

  .cf {

  zoom:1;

  }

  原理還是一樣的。使用 :after 偽類來提供浮動塊后的 clear:both。不同的是,隱藏這個空白使用的是 display: table。而不是設(shè)置 visibility:hidden;height:0;font-size:0; 這樣的 hack。

  值得注意的是這里中的 :before 偽類。其實(shí)他是來用處理 top-margin 邊折疊的,跟清理浮動沒有多大的關(guān)系。但因?yàn)楦訒?chuàng)建 block formatting context,這樣浮動元素上的另而一元素上如果剛好有 margin-bottom 而這個浮動元素剛好有margin-top 的話,應(yīng)該讓他們不折疊(雖然這種情況并不常見)。

  CSS網(wǎng)頁布局的方法

  1、ul標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值。

  2、同一個的class選擇符可以在一個文檔中重復(fù)出現(xiàn),而id選擇符卻只能出現(xiàn)一次;對一個標(biāo)簽同時使用class和id進(jìn)行CSS定義,如果定義有重復(fù),id選擇符做的定義有效,是因?yàn)镮D的權(quán)值要比CLASS大。

  3、一個兼容性調(diào)整(IE和Mozilla)的笨辦法:初學(xué)可能會碰到這樣一個情況:同樣一個標(biāo)簽的屬性在IE設(shè)置成A顯示是正常的,而在Mozilla里必須要設(shè)成B才能正常顯示,或者兩個倒過來。

  臨時解決方法:選擇符{屬性名:B !important;屬性名:A}

  4、如果一組要嵌套的標(biāo)簽之間需要些間距的話,那就留給位于里面的標(biāo)簽的margin屬性吧,而不要去定義位于外面的標(biāo)簽的padding

  5、li標(biāo)簽前面的圖標(biāo)推薦使用background-image,而不是list-style-image。

  6、IE分不清繼承關(guān)系和父子關(guān)系的差別,全部都是繼承關(guān)系。

  7、在給你的標(biāo)簽瘋狂加選擇符的時候,別忘了在CSS里給選擇符加上注釋。 等你以后修改你的CSS的時候就知道為什么要這么做了。

  8、如果你給一個標(biāo)簽設(shè)置了一個深色調(diào)的背景圖片和亮色調(diào)的文字效果。建議這個時候給你的標(biāo)簽再設(shè)置一個深色調(diào)的背景顏色。

  9、定義鏈接的四種狀態(tài)要注意先后順序: Link Visited Hover Active

  10、與內(nèi)容無關(guān)的圖片請使用background

CSS瀏覽器有什么好的方法_CSS瀏覽器有哪些方法

很多時候,希望能夠在HTML中使用空格排版。但瀏覽器在解析HTML時,會把連續(xù)的空格解析成一個,所以我們會使用等這樣的占位符。下面由學(xué)習(xí)啦小編為大家整理的CSS瀏覽器的方法,希望大家喜歡! CSS瀏覽器的方法 1、ont-family:宋體;將Safari的默認(rèn)字體設(shè)置成宋
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

精選文章

  • CSS網(wǎng)頁設(shè)計有哪些必要的方法_CSS網(wǎng)頁設(shè)計有什么方法
    CSS網(wǎng)頁設(shè)計有哪些必要的方法_CSS網(wǎng)頁設(shè)計有什么方法

    CSS指層疊樣式表 (Cascading Style Sheets),大家知道網(wǎng)站的前端是離不開CSS樣式的,那如何能學(xué)好這個技術(shù)呢?下面由學(xué)習(xí)啦小編為大家整理的CSS網(wǎng)頁設(shè)計方法,

  • 網(wǎng)站后臺管理系統(tǒng)有什么作用
    網(wǎng)站后臺管理系統(tǒng)有什么作用

    網(wǎng)站后臺管理系統(tǒng)主要是用于對網(wǎng)站前臺的信息管理,對企業(yè)公司管理網(wǎng)頁有著關(guān)鍵性的作用。下面是小編精心為你準(zhǔn)備的網(wǎng)站后臺管理系統(tǒng)的用途,希望

  • 怎么用C++做后臺開發(fā)技術(shù)
    怎么用C++做后臺開發(fā)技術(shù)

    C++做推薦系統(tǒng)、搜索引擎的后臺開發(fā),那么你知道如何做后臺開發(fā)技術(shù)呢?下面由學(xué)習(xí)啦小編為大家整理的C++后臺開發(fā),希望大家喜歡! C++后臺開發(fā) 1. C++基本

  • 怎樣才能成為后臺成技術(shù)開發(fā)的大神
    怎樣才能成為后臺成技術(shù)開發(fā)的大神

    一個計算機(jī)研究生,在一家做智能交通的公司實(shí)習(xí),做C++開發(fā),但是這些似乎在項(xiàng)目里遠(yuǎn)遠(yuǎn)不夠。如何才能在后臺成為你一技術(shù)開發(fā)的大神?下面由學(xué)習(xí)啦小

27150