續記HTML CSS基礎

2021-07-11 22:12:21 字數 2317 閱讀 4555

html/css

1、 下拉列表

size屬性預設顯示的行數,可將下拉列表變成列表框

使用option標籤新增列表中的資料

name與value*:

程式設計中需要處理多個選擇的時候多半選用標誌位

十    二

1    1

2    10

4    100

1|10|100 = 111

將乙個數字變成二進位制資料,沒乙個二進位制位上是0或1,就可以固定某個位子表示某個特性是否有

如果這個位子為0表示這個特性不存在,如果這個位子為1表示這個特性存在

multiple  多選

selected   預設選中

2、meta

3秒後跳轉

3、幀標籤frameset 

iframe     內聯(在頁面中嵌入另乙個頁面)

4、 分割槽標籤

將需要處理的打包處理

span   行內元素 不會影響整行元素(設定display:block   變成塊級)

div    行間標籤,屬於塊級元素,會影響整行元素(設定display:inline   變成行內)

5、css基本語法

基本語法:

屬性特徵——方向引數——具體屬性 : 值

顏色:color : red;

color : #ff0000;

字型大小:

font-size : 10px;

字型描述:

font-derection : overline;

用法:->行內樣式

直接給元素新增 style="" 屬性

->內嵌樣式

直接給元素新增乙個id 或 class 屬性

在中寫樣式語法並與對應元素掛鉤

display:inline;  使div變成行內

->外部樣式

在htm檔案外有乙個css檔案,樣式在css檔案中在htm頁中將這個樣式檔案載入進來

寫在中->匯入樣式(少用)

將樣式作為工具零件進行組合使用

6、選擇器

將樣式與標籤掛鉤的標記          

->id選擇器

#id名

->類選擇器

.         類名

->標籤選擇器     (檔案中所有該標籤都具有該屬性)

標籤名

注: 三個樣式同時使用,如果沒有樣式衝突,都應用;若衝突:

同級的就近原則  

若不是同級的: id > 類 > 標籤(專一的優先順序最大)

不規則用法:

在css中,id 選擇器和 類選擇器可以同樣作用於多個元素

id在規範中就是表示唯一,瀏覽器允許這麼使用,但是在js執行中會出現問題

類選擇器可以使用 class="c1 c2 c3 c4" 的語法將多個類選擇器作用於元素中,id不可以

7、復合選擇器

->標籤類選擇器

標籤.類名{}

例:font.pre1

->後面兄弟選擇器(緊跟著的)

(id class tag )選擇器 + *

->後代選擇器

將包含在某個元素中的元素都成為其後代

祖代選擇器 後代選擇器

例:父代

子代子代

子孫代->子代選擇器

父代選擇器》子代選擇器

->組合選擇器

選擇器,選擇器,選擇器,選擇器

8、常用樣式

文字:   color            font-size             font-family            font-weight   加粗

邊框:   border-width             border-style            border-color            width

背景:   background-color     background-image      background-repeat: repeat-x /repeat-y/ no-repeat    background-position     background-attachment

布局:   margin:0 auto;            float:left/right;

9、背景重複顯示按鈕

background-repeat: repeat-x /repeat-y/ no-repeat

background-position

10、游標

cursor:pointer/default/auto/url

11、隱藏選單

display:inline /block /none

html css語法學習(續)

框架將瀏覽器劃分成不同的部分,每乙個部分載入不同的網頁,實現在同一瀏覽器視窗中載入多個頁面的效果。格式為 cols 分割左右視窗,表示剩餘部分,表示均分成兩個,表示均分成三個,單位為畫素和 比。rows 分割上下視窗,表示剩餘部分,表示均分成兩個,表示均分成三個,單位為畫素和 比。framebord...

HTML CSS基礎語法

html是web頁面的描述性語言,html也提供樣式標籤,但是使用css更好 css為html制定樣式的機制,css和js,php都可以嵌入html應用中 html hyper text markup language 字尾名,html或者.htm 瀏覽器可以解析標記 是一種程式語言 語法 1.元素...

Html Css 基礎小結

html css基本部分個人小結 table table border cellspacing cellpadding bgcolor caption caption 最頂部 thead th th thead 頭部 tfoot td td tfoot table 可以套 列表可以套列表 乙個是在t...