1. 程式人生 > >Css的樣式的引入與選擇器

Css的樣式的引入與選擇器

Css引入

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述
總結:推薦使用第一種

這裡寫圖片描述

html 註釋
/* */css 註釋

選擇器

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

Id 選擇器
這裡寫圖片描述

交集選擇器
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述

這裡寫圖片描述

id選擇器優於類選擇器優於標籤選擇器

常用的css樣式

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

盒子模型

盒子模型:盒子模型就是把一個html 邊框比作一個盒子的
邊寬,盒子模型要做用於操作資料與邊框之間的距離,或者邊框與邊框的距離。
操作內邊距和外邊距的
內邊距:(padding)
外邊距:(margin)

這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述

Css定位方式:

這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述

Javascript的歷史

Javascript:負責與使用者互動
這裡寫圖片描述

這裡寫圖片描述

如何編寫javaScript的程式碼:
方式一:可以使用

網頁的註釋:

這裡寫圖片描述

變數宣告:

這裡寫圖片描述

Undefined 代表沒有宣告。
字串轉數字:

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

控制流程語句:

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述


三目運算子
判斷
選擇