• 帶語義的標籤
○ h1~h6: 表示標題
○ p: 表示段落
○ img: 表示
○ a: 表示鏈結
• 不帶語義的標籤
○ div: 表示一塊內容
○ span: 表示行內的一塊內容
• css引入方式
○ 內聯式
○ 嵌入式
○ 外鏈式
• css屬性入門,布局常用樣式
○ width 設定元素的寬度
○ height 設定元素的高度
○ background 設定元素背景色或背景
○ border 設定元素四周的邊框
○ border-top 設定頂部邊框
○ border-left 設定左邊邊框
○ border-right 設定右邊邊框
○ border-bottom 設定底部邊框
○ padding 設定元素包含的內容和元素邊框的距離,也叫內邊距.也可以像border一樣拆分,分別設定四個邊
○ margin 設定元素和外界的距離, 也叫外邊距,也可以像border一樣拆分,分別設定四個邊
○ float 設定元素浮動, 浮動可以讓塊元素排列在一行,浮動分為左浮動:float:left; 右浮動: float:right
• 文字常用樣式一
○ color 設定文字的顏色
○ font-size 設定文字的大小
○ font-family 設定文字的字型
○ font-weight 設定文字是否加粗(加粗bold, 不加粗normal)
○ line-height 設定文字的行高, 表示文字的高度加上文字上下的間距
○ text-decoration 設定文字的下劃線, text-decoration: none; 將文字下劃線去掉
• css屬性提高-文字常用樣式屬性二
○ text-align 設定文字水平對齊方式 center設定文字水平對齊居中
○ text-indent 設定文字首行縮排
○ font-style 設定文字是否傾斜 normal不傾斜 italic 文字傾斜
○ list-style 設定無序列表中的小圓點 none設定成無
• css 元素溢位
○ 當子元素尺寸超過父元素尺寸時, 需要設定父元素顯示溢位的子元素的方式,設定的方法是通過overflow屬性來設定
• overflow的設定項
○ visible 預設值 內容不會被修剪, 會呈現在元素框之外
○ hidden 內容會被修剪, 並且其餘內容是不可見的,此屬性還有清除浮動, 清除margin-top塌陷的功能
○ scroll 內容會被修剪, 但是瀏覽器會顯示滾動條以便檢視其餘的內容
○ auto 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容
HTML和CSS基本標籤
一 標籤分類 1 塊級元素 2 行內元素 二 標籤的特點及作用 1 塊級元素在瀏覽器中獨佔一行，兩個塊級元素不能一行顯示，他們會自動換成兩行，2 塊級元素可以設定寬高等屬性。3 行內元素可以多個在一行顯示。4 行內元素不能設定寬高屬性，它的寬高是由元素中的內容多少而確定的，內容多則大由寬，內容少則小...
HTML和CSS常用標籤
背景圖 background image 邊框的樣式 批量建立 父元素 子元素 屬性 span標籤 在行內定義乙個區域，也就是一行內可以被劃分成好幾個區域，從而實現某種特定效果。本身沒有任何屬性。例子logo標籤 g o o g le 標題巢狀的過程中，必須先結束的靠近內容的標題，再按照由內及外的順...
css標籤和html標籤
一,html 標題標籤 h1,h2,h3,h4,h5,h6 段落標籤 水平線標籤 換行標籤 水平線標籤 size 水平粗細線 width 水平線寬度 align 水平線對齊方式 color 水平線顏色 字型標籤 funt size 文字大小 color 字型顏色 face 文字的字型 標籤 src ...