第2天 CSS基礎

2021-10-03 21:29:20 字數 2211 閱讀 6760

第2天_css基礎

學習目標

css簡介和css語法

2.1 css 簡介

css英文全名:cascading style sheets層疊樣式表, web標準中的表現標準語言, 表現標準語言在網頁中主要對網頁資訊的顯示進行控制,簡單說就是如何修飾網頁資訊的顯示樣式。
目前推薦遵循的是w3c發布的css3.0

2.2 css語法

引入css的三種方式及優先順序

3.1 引入css的三種方式

外部樣式

內聯樣式 (或稱:行間樣式,行內樣式,嵌入式樣式)

《標籤 style=「屬性:屬性值;屬性:屬性值;」>

3.2 樣式表的優先順序

css選擇器及選擇器的權重

4.1 css選擇器

id選擇器

語法:id名

說明:

class選擇器

語法:.class名

說明:

萬用字元語法:說明:

通配選擇器的寫法是「」,其含義就是所有元素。

用法:常用來重置樣式。

群組選擇器

語法:選擇器1,選擇器2,選擇器3

說明:當有多個選擇器應用相同的樣式時,可以將選擇器用「,」分隔的方式,合併為一組。

包含選擇器

語法:選擇器1 選擇器2

說明:選擇器1和選擇器2用空格隔開,含義就是選擇器1中包含的所有選擇器2;

偽類選擇器

語法 :

a:link超連結的初始狀態;

a:visited超連結被訪問後的狀態;

a:hover滑鼠懸停,即滑鼠劃過超連結時的狀態;

a:active超連結被啟用時的狀態,即滑鼠按下時超連結的狀態;

說明:

4.2 css選擇器的權重

css中用四位數字表示權重,權重的表達方式如:0,0,0,0

說明:5 浮動及清浮動

5.1 浮動的使用

5.2 清浮動

元素浮動之前,也就是在標準流中,是豎向排列的,而浮動之後可以理解為橫向排列

清除浮動可以理解為打破橫向排列。

清除浮動的關鍵字是clear,語法:

clear : none | left | right | both

none  :  預設值。允許兩邊都可以有浮動物件

left : 不允許左邊有浮動物件

right : 不允許右邊有浮動物件

both : 不允許有浮動物件

對於css的清除浮動(clear),一定要牢記:這個規則只能影響使用清除的元素本身,不能影響其他元素。

css核心屬性

6.1 css文字屬性

文字顏色:

文字字型:

說明:

文字加粗

說明:

文字傾斜

說明:

水平對齊方式

文字行高

說明:

文字修飾

說明:

首行縮排:

說明:

字間距說明:

6.2 css列表屬性

6.3 css背景屬性

背景的顯示原則:

背景平鋪屬性

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

說明:no-repeat:不平鋪

repeat:平鋪

repeat-x:橫向平鋪

repeat-y :縱向平鋪

背景圖的固定

語法:{background-attachment:scroll(滾動)/fixed(固定);

說明:

盒子模型

7.1認識盒子模型

7.2 盒子模型的相關元素

內邊距padding

外邊距margin

居中:margin:0 auto;

7.3 盒子的實際大小

C語言基礎第2天

1.c語言中運算子是指進行運算的動作。2.程式設計師必須具備的重要思維 定義變數 輸入 設計演算法 3.單目運算 運算符號只連線乙個運算元。如 a b 4.經典案例 小白練手必備 include int main int hour1,minute1 int hour2,minute2 printf ...

前端基礎第6天(CSS 浮動布局)

文件流的定義 元素自上而下,自左而右,塊元素獨佔一行,行內元素在一行上顯示,碰到父集元素的邊框換行。浮動布局的定義 浮動布局 float left right特點 元素浮動之後不佔據原來的位置 脫標 浮動的盒子在一行上顯示 行內元素浮動之後轉換為行內塊元素。不推薦使用,轉行內元素最好使用displa...

網路空間安全基礎 第2天

127.0.0.1 回環位址,代表自己 乙個網路的出口,gateway gw,一般閘道器是在路由器上。路由器 可用連線內外網的裝置,閘道器架設在路由器的乙個介面上 將xp和win2003的網絡卡都設定為這樣,就相當於二者連線到了同乙個虛擬交換機上。配置win2003的位址 配置winxp的位址 在w...