html和css學習中遇到的一些問題

2021-08-04 06:45:30 字數 489 閱讀 1382

表現與結構分離

頁面載入更快,結構更加清晰,頁面顯示簡潔

修改維護更加方便

易於優化seo搜尋引擎

href(hypertext reference)在當前檔案和引用資源檔案之間建立聯絡,載入的時候不會影響其他資源的載入。

!important > 行內樣式 > id選擇器 > 類選擇器 > 萬用字元(*) > 繼承樣式

在設定行高時,如果單位是em或%,那麼行高會先計算出來,然後繼承給子元素。(em相對于父元素字型大小)

如果沒有單位,只有純數字,那麼行高會先繼承給子元素,然後在計算行高。(em相對於子元素字型大小)

現象描述:如果乙個大盒子包含乙個小盒子,給小盒子設定margin-top,大盒子也會一起移動。

解決方法:

1. 給大盒子設定邊框(border)

2. 給大盒子設定overflow:hidden;

3. 讓大盒子或小盒子浮動(float)

學習HTML和css3遇到的問題

1.特殊符號需要用 表示 這個網頁是各種特殊符號的表示方法 2.雪碧圖 需要使用一張大圖上的不同位置的小圖時,就要用到雪碧圖了,只需將定位在需要使用的位置,隱藏超出部分,就可以使所有小圖同時載入出來了 3.表單 關於表單主要說一下textarea和 input textarea 是表單中的文字框標籤...

HTML編碼和CSS編碼會遇到的問

參考鏈結 html 屬性應當按照以下給出的順序依次排列,確保 的易讀性。class 用於標識高度可復用元件,因此應該排在首位。id 用於標識具體元件,應當謹慎使用 例如,頁面內的書籤 因此排在第二位。positioning box model typographic visual 由於定位 posi...

html和css學習二

內聯元素也叫行內元素 行內元素不能設定寬高 margin padding等,寬度由文字決定,且不能獨佔一行,是包文字用的,水平方向可以設定margin left,margin right 塊狀元素是可以設定寬高的,獨佔一行,可以設定margin和padding 行內元素和塊狀元素的轉換 inline...