對於HTML和Css的例項總結

2021-09-12 20:15:44 字數 525 閱讀 9781

@html標籤

不知道是我自己學的膚淺還是怎麼的,我只接觸到了a、span。也是他們在我做網頁的時候總是不能按著官網樣式實現,一般a和span都會轉換成塊或者行內塊。display:block; display:inline-block;看你具體的使用情況,像京東的導航中,ul>li>a

就會把它變成款。而如果你想插入一些小圖示,把span變成inline-block即可。或許你也遇到了給他們浮動沒有效果,但是其實他們可以**。行內元素浮動後,都會變成行內塊**。他們的特點是:不獨佔一整行,不可以設定寬高。寬高為內容的寬高。

input、img.

特點:不獨佔一整行,可以設定寬高。

div、p、ul、li、dl、dd、dt、table

特點:獨佔一整行,可以設定寬高,寬是父元素的寬,高時內容的高度

HTML和CSS的複習總結

css cascading style sheets 級聯樣式表 其核心就是各種樣式的定義與使用!css的定義方式 1 通過html標籤定義,如 h1 2 使用id定義,如 sample,文字 3 使用class定義,如 text,文字 css在html使用的方法 1 嵌入式,如 嵌入式樣式表 2 ...

html鏈結css例項

md.css 和 md.html在同一級目錄下 md.css檔案內容如下 body md sec c p md.html檔案內容如下 doctype html html head base target black meta charset utf 8 title document title li...

html如何使用css檔案的例項

僅作為記錄,大佬請跳過。博主是前端小白,剛開始接觸html,然後是css,不知道html如何使用css 用於美化html的檔案 先附上實測成功的完整例項。1 資料夾和檔案 在乙個資料夾裡,建立a.html和acss.css 2 a.html完整 vs code軟體 charset utf 8 菜鳥教...