程式媛html與css高階內容 知識點

2021-08-08 10:28:23 字數 1467 閱讀 7038

二 部分html5新標籤

div--section--article

div無語義,僅定義樣式化;section適用於有主題的內容塊;article適用於與網頁內容無關且可以放置在任意網頁任意位置的內容。section和article裡均可包裹header ,footer標籤。

三 塊級元素和行內元素

display:inline---- -block------inline-block---》

改變元素的布局級別

1.display:inline--多個相鄰元素排一行,直到佔不下,寬度隨著元素內容而變化,設定width,height無效

2.display:block--多個元素各自起新行,寬度自動填滿父元素,可以設定width,height,padding,margin

3.display:inline-block--既具有block的寬度高度特性又具有inline的同行特性

示例如下:

1.鏈結一

鏈結一

寬高度設定無效

2.鏈結一

鏈結一寬高度設定生效,自動生成兩行

3.鏈結一

鏈結一寬高度生效,且排列在同一行

四 內部樣式表和外部樣式表

內部樣式表是在style標籤內html和css分離編寫,好處是清晰避免冗餘,注意{}

外部樣式表是在html裡給相同div樣式的不同頁面新增css檔案外鏈,修改其中某個頁面時,注意對應頁面css檔案外鏈要在公共css檔案外鏈下面。

五 選擇器

1.id 選擇器 #id名稱 構成只能是字母 數字 _ ,且不能以 數字開頭,企業開發中只是為了設定樣式時,一般採用類選擇器,否則會認為是留給js使用的。

2.類選擇器.{}(例子:

class屬性 class="right right1" .right {} .right1{}

) 專門用來給特定的標籤設定樣式且每個標籤可以設定多個類名。企業開發中學會 善於將公共的**抽取到乙個類選擇器, 然後繫結給需要的標籤。

3.vertical-align 元素對齊--子元素選擇器 例子:.right>header {} 意思是類選擇器為right的section元素中的header元素

見相簿。

4.通用選擇器*{}

5.偽類選擇器:{} 偽類元素:before 和:after。這其中涉及到dom樹

6.序選擇器

@media()  min 不小於例如min-width指寬度不小於900px時。

max 不大於例如max-width指寬度不大於900px時。

程式媛的高階之路 字典與集合

dict1 print what did c say?dict1 c what did c say?3 dict1 d 4 dict4 簡易賦值 dict2.fromkeys 1 2,3 number 給每個元素賦值為number dict2.fromkeys 1 3 數字 給1,3元素賦值為數字 ...

程式媛高階之路 python入門

input 函式從控制台獲得使用者輸入。使用方法如下 變數 input 提示性文字 獲得使用者輸入以字串的形式儲存在 變數 中。表示式 如果val 28c 字元長度為l,則l 1為變數的最後乙個位元組 則val 1 是最後乙個字元 c 前兩個字元組成的字串可以用val 0 2 表示,它表示從 0 2...

小白文藝程式媛的高階之路

在劉總 wilsonliu 的催促下寫一下總結,幫助後面的求職小夥伴說不上,只是做乙個心路分享,能有一些共鳴和啟發就足矣。背景介紹 2013級華東師範大學,軟體工程 嵌入式 專業,小白的程式媛,經歷百姓滴滴攜程,最後決定在點評做一名萌萌噠的前端開發攻城獅n n 2016.1 2016 3 大三上的那...