css一點基礎知識(筆記3)

2021-09-29 04:55:07 字數 2859 閱讀 4601

層疊樣式表(英文全稱: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 不會受到影響。宣告 在英文大括號 中的的就是宣告,屬性和值之間用英文冒號 分隔。當有多條宣告時,中間可以英文分號 分隔,如...