二 部分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 大三上的那...