css 知識拾遺

2022-02-15 06:20:02 字數 4166 閱讀 4298

父級元素高度撐開

第二方式(推薦)

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>document

title

>

<

style

>

.div1

.div--clear::after

/*相容ie6 和7

*/.div--clear

style

>

head

>

<

body

>

<

div

class

="div--clear"

>

<

div

class

="div1"

>div111111111111111

div>

<

div

class

="div1"

>div111111111111111

div>

div>

<

div

class

="div2"

>div2

div>

body

>

html

>

二、選擇器

相鄰選擇器:+ 表示h1元素相鄰的p元素,必須處於同乙個父元素

body > .content h1+p  

<

div

class

="content"

>

<

h1>歡迎來北京

h1>

<

p>來北京玩吧 ,很好玩

p>

<

p>adadadadadadda

p>

div>

屬性選擇器: [ 屬性值] css3 可以使用萬用字元進行屬性選擇

[title="谷歌"][href$="/"]

[href*='com'] 

<

div

class

="content"

>

<

h1 title

="welcome"

>歡迎來北京

h1>

<

p>來北京玩吧 ,很好玩

="谷歌"

href

="">前往谷歌

a>

div>

三、對於字型的使用

四、字型ie 和其他瀏覽器相容問題

@font-face    

瀏覽器支援

firefox、chrome、safari 以及du opera 支援 .ttf (true type fonts) 和 .otf (opentype fonts) 型別zhi的字型。dao

internet explorer 9+ 支援新的 @font-face 規則,但zhuan是僅支援 .eot 型別的字型 (embedded opentype)。

@font-face
五、對於css 一些webkit瀏覽器支援的樣式 -webkit-box-reflect  或者檔案倒影效果,-webkit-text-stroke 字型描邊效果,可以通過text-shadow來實現效果。

常見webkit核心的瀏覽器:

google chrome   

safari 

遨遊瀏覽器 3.x                          

搜狗瀏覽器

阿里雲瀏覽器

qq瀏覽器

360瀏覽器

詳細的核心介紹:

asp知識拾遺

最近做的乙個小 碰到了許多問題,能解決的都解決了,還有的沒辦法就找了替代的解決辦法.下面收集一下 1 在選擇了一系列的checkbox後的提交表單提交後,會獲取到name1,逗號,空格,name2,逗號,空格,結果,系統需要獲取這些值,我用了以下 實現.uname request.form user...

C 知識拾遺

最近開始看各種 寶典 了,發現自己有好多c 死角,趕緊查漏補缺,見招拆招吧。1 外部鏈結和內部鏈結。在c 中,外部鏈結主要包括全域性變數 非static,非const 和非靜態自由函式 非類成員函式 類的非inline函式 包括靜態和非靜態 類的靜態資料成員 這也是為什麼類的static資料成員必須...

入門知識拾遺

一 bytes型別 二 三元運算 result 值1 if 條件 else 值2 如果條件為真 result 值1 如果條件為假 result 值2 三 進製 計算機記憶體位址和為什麼用十六進製制?為什麼用16進製制 1 計算機硬體是0101二進位制的,16進製制剛好是2的倍數,更容易表達乙個命令或...