最近看了一些前端的知識，所以盡可能的抽出時間來總結一下
首先我們需要知道，html大致分三部分
一是html中的標籤，這部分可以說是html的骨架
二是html中的css樣式，這部分是對html的樣式進行修飾
三是js，js可以讓頁面更靈動，是定義了html的行為，可以讓使用者跟前端頁面進行一些互動
圍繞著幾個部分，大概會衍生出以下內容：
html的各種標籤、css的選擇器、塊兒元素、行內元素、行內塊兒、行高、盒子模型、頁面布局的三種方式：標準流布局、浮動布局和定位布局，等內容。
由於html標籤比較多，也比較基礎，大家應該都了解過的，所以html標籤部分這裡就不贅述了
今天講一下css的選擇器
css樣式選擇器分為三部分：標籤選擇器、類選擇器和id選擇器，以及這三種搭配衍生出來的並集、交集、後代、子代選擇器
標籤選擇器很簡單，就是直接寫上標籤的名字就好了
上邊的樣式，我們是用標籤選擇器選中了div標籤，然後給他500的寬和500的高，然後給了它乙個背景顏色
看一下效果
使用類選擇器之前，首先需要給標籤寫乙個class屬性
然後在style樣式裡就可以使用類選擇器了，使用類選擇器的方法是乙個「點」加上類名
看下效果
id選擇器也很簡單，同樣的在使用之前也需要在標籤上給它乙個屬性 id
使用id選擇器的方法是在id前加上「#」
看下效果
三種基本的選擇器說完了以後，就可以看一下並集、交集、後代、子代選擇器了
1、並集選擇器
使用語法是：中間用逗號隔開 比如：.box,div,p
2、交集選擇器
使用語法是：直接挨著寫，中間沒有逗號，也沒有空格 比如：p.para1
3、後代選擇器
使用語法是：中間用空格隔開 比如：.box div p
4、子代選擇器
使用語法是：中間用》連線 比如：.box>p
前端知識之css樣式
前端之css樣式 css注釋 css的幾種引入方式 內部樣式 外部樣式 推薦使用 css選擇器 組合選擇器 屬性選擇器 根據標籤中屬性的具體值給定樣式 div title hello 分組和巢狀 不常用的選擇器 偽類選擇器 visited 已訪問的鏈結 hover 滑鼠移動到鏈結上才改變樣式 act...
html中的css樣式
1 css的幾種引入方式 1 內聯式css樣式，是直接寫在html標籤中，如 這裡文字是紅色。注意css樣式 要寫在style 雙引號中，如果有多條css樣式 可以設定在一起，中間用分號分開。這裡文字是紅色。不推薦使用這種方法。2 嵌入式css樣式，寫在當前檔案中 可以把css樣式 寫在 嵌入式cs...
HTML中css樣式簡介
html中，我們通常使用link元素引入外部樣式表，link有以下幾個屬性 1 rel，代表 關係 relation 在這裡，關係 即rel值 為 stylesheet 2 type，總是設定為 text css 描述了使用link載入的資料型別 3 href，值為樣式表的url，可以是相對的也可以...