層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力
(1)行內樣式
使用style屬性,只是對當前標籤有效,頁面內容和樣式高度耦合的。寫在行內
(2)內部樣式
在head中使用style標籤,當前頁面有效,內容和樣式一定程度分離,但是不徹底,css代買寫在hea的style標籤中。
優點:方便在同頁面中修改樣式。
缺點:不利於在多頁面將共享復用**及維護,對內容與樣式的分離也不夠徹底。
(3)外部樣式
將樣式寫到乙個單獨css檔案中,需要用到html檔案,引用它即可。
實現了內容與樣式的完全分離.
優點:結構化樣式分離,好維護 樣式重用 多個頁面使用
字型屬性
font-style:字型(斜體)
font-variant :字型的變化(大小寫)
font-weight :字型粗細
font-size:字型大小
font –family:字型名稱
主要包含:
顏色:color、
對齊方式:text-algin、
修飾效果:text-decoration,
行高:line-height
background-color;:背景顏色
background-repeat ;背景重複方式
background-position:背景位置
隱藏元素的方法:
(1)display:none,可以隱藏,並且不佔位置
(2) visibility: hidden; 可以隱藏,但是位置還在
display可以設定元素的顯示模式
display: inline-block
變成行內塊標籤:可以設定width和height,不會佔滿一行
display: inline
變成行內標籤,width和height設定無效,其空間取決於內容
padding-top、padding-right、padding-bottom、padding-left
padding 50px 40px 30px 10px 上 右 下 左
padding 50px 40px ;上下 左右
## 外邊距margin
和內邊距類似的
元素選擇器
通過標籤名作為選擇器
id選擇器
乙個頁面上的標籤,id是唯一的,不能重複
類選擇器
需要在便簽上使用class, class裡頭的名字可以重複
css樣式使用多次
id選擇器>類選擇器>元素選擇器
後代選擇器:
可以選擇乙個元素的後代元素,這個元素的兒子,孫子,孫子的兒子。。。
子類選擇:
某一元素,選中直接後代(兒子,孫子不要)
並選擇器:
將相同的顏色放在一起,類名直接用逗號分隔
萬用字元選擇器:
選中所有的標籤,不建議使用。
兄弟選擇器
(1)e + f
選中最近的乙個「弟弟」元素,不選中自己
(2)e~f
選中所有的「弟弟」元素,不選中自己
繼承 層疊性 優先順序
action; 把資料提交給伺服器的位址,
method ; 提交的方式(post , get ),
type中可以指定的 number tel 來指定數字 **號碼 或者使用date 來指定時間
含有text name屬性
會隨提交(form)到其他頁面 就是作為引數
password:密碼
file: 上傳檔案
radio :單選按鈕 只能單選 預設的是chacked =「checked」
checkbox 多選(方框) 複選按鈕
textarea 乙個區域的文字框 設定 cols 和rows 來定框的大小
style =reset-non 不重新設定大小;
select 標籤 下拉列表 請選擇 option 子標籤;
提交按鈕:submit
重置按鈕:reset
普通按鈕:botton
botton 按鈕具有預設提交表單的功能,如果不指定type 就會提交表單
form 表單標籤 提交的內容 包裹所需要提交的內容
action 屬性 要提交的位址 # 代表是本地位址
method get 方式(預設的提交方式,,把請求方式拼接在請求頁面,)
post方式(把請求方式封裝在請求體中)
只有存在name時候才能 接收資料
必須要有name 才能夠提交;
若是單選或者核取方塊,必須提供value ,
placeholder 是一種提示資訊
一點基礎知識
這裡有sizeof,c 類的靜態成員變數 再就是虛函式,以及申明的問題,位元組長度的問題。include include using namespace std class state state state const int sta,const int depth int setdepth co...
struct,pair,排序 一點基礎知識
include includeusing namespace std struct s a 100010 bool cmp s x,s y int main sort a 1,a 6,cmp cout includeusing namespace std paira 1000 int main so...
CSS基礎知識筆記 一
css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成 選擇符 又稱選擇器,指明網頁中要應用樣式規則的元素,如本例中是網頁中所有的段 p 的文字將變成藍色,而其他的元素 如ol 不會受到影響。宣告 在英文大括號 中的的就是宣告,屬性和值之間用英文冒號 分隔。當有多條宣告時,中間可以英文分號 分隔,如...