原创 十八哥視頻教程中html和css的tips

1、做網頁需要先佈局,使用div佔塊佈局,佈局的原則從上到下,從左到右,從大到小; 2、css的引入方式有四種: 內部樣式表,直接在html文檔的head部分增加style標籤,對屬性進行設置;鏈入外部樣式表,使用link鏈接外部的c

原创 dl dt 和dd的用法

dl默認的是塊狀元素 < dl>< /dl>用來創建一個普通的列表, < dt>< /dt>用來創建列表中的上層項目,< dd>< /dd>用來創建列表中最下層項目, < dt>< /dt>和< dd>< /dd>都必須放在< dl><

原创 標籤a沒有href屬性

標籤a如果沒有置href屬性,那麼文字的顯示跟普通文字沒什麼區別,看不出來是鏈接 點贊 收藏 分享 文章舉報 happyyyhy 發佈了36 篇原創文章 · 獲贊 0 · 訪問

原创 背景色的範圍

給一個div設置border和padding 背景色,背景色將會鋪到哪些範圍? 背景色會從內一直鋪到border,覆蓋padding範圍,見圖 點贊 收藏 分享 文章舉報

原创 控制背景鋪排的區域 border-clip

border-clip屬性規定背景的繪製區域 border-box:背景黃色鋪到了邊框的位置 padding-box: 背景黃色鋪到了padding區域,但沒有鋪排到border區域 content-box: 背景黃色鋪到了內容

原创 搜索襯線字體和無襯線字體的區別

serif 襯線字體: 在筆畫始末的地方有額外的裝飾,且筆畫的粗細會因直橫的不同而有所區別。 強調出字母筆畫的走勢及前後聯繫,使得前後文有更好的連續性,更適合走文閱讀 , 漢字中的宋體就是襯線體 sans serif無襯線字體: 無襯線

原创 塊元素內的浮動元素超過總高度,下面的塊元素位置

一個父塊元素中有幾個浮動子元素(總高度超過父元素)和一個非浮動的塊元素。問父元素下面緊接的塊元素如何顯示? 非浮動的塊元素緊挨着幾個浮動元素排列,父元素下面的塊元素從緊挨着最後一個浮動子元素,部分與非浮動塊元素重合。 解決方案: 父元

原创 display的屬性及屬性值意義

display 屬性有有24種: none: 隱藏對象。與visibility屬性的hidden值不同,其不爲被隱藏的對象保留其物理空間 inline: 指定對象爲內聯元素。 block: 指定對象爲塊元素。 list-item

原创 新手寫html時常犯的錯誤

1、DOCTYPE不聲明的話,IE的佈局會失敗; 2、用數字命名div,該div的樣式不會生效; 3、文件編碼與charset不一致導致亂碼。 點贊 收藏 分享 文章舉報 h

原创 css控制特別小的元素,IE處理不好怎麼辦

加一個overflow:hidden的屬性,那麼小元素就可以正常顯示。 清浮動時防止特別小的元素出現問題,可以在初始化css裏面加一個id爲clr的空div,其屬性爲: clr{ clear:both; width:0px; heig

原创 前端代碼書寫注意事項

   1、結構化命名 VS 語義化命名        結構化命名:比較容易理解元素在代碼中的位置,一旦網頁結構發生變化,元素需要重新命名,而且樣式也需要修改        語義化命名:讓人清楚元素在網頁中的角色,一旦網頁結構變化,不需要重

原创 爲什麼有的網頁後綴爲.htm

html文件的擴展名一般是.html, 但是像DOS這樣的舊的操作系統限制擴展名最多是3個字符, 所以.htm擴展名也在被使用。 點贊 收藏 分享 文章舉報 happyyyhy

原创 內聯元素與外聯元素

內聯元素: 又稱爲行內元素,不會自動換行,行內元素是不能跳出行的,但是可以輔助進行樣式修改行內元素設置寬度、高度、垂直方向的margin和padding均不會產生效果的,設置水平方向上的margin和padding會有效果屬於內聯元素的h

原创 flex佈局

一、Flex佈局是什麼? Flex是Flexible Box的縮寫,意爲"彈性佈局",用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲Flex佈局。 行內元素也可以使用Flex佈局。 Webkit內核的瀏覽器,必須加上-

原创 before和after注意事項

1、默認的僞元素是一個內聯元素,如果要設置寬高,就必須先將這個僞元素聲明爲塊元素。 2、如果不設置content屬性,僞元素將不會起作用; 3、插入的before和after元素是目標元素的子元素,可以被放置在這個元素任何內容的“前”