前端階段 div以及css介紹

2022-02-24 19:57:54 字數 642 閱讀 8392

1.div

div是html的乙個標籤,是塊級元素,單獨使用沒有意義,必須結合css來使用,進行網頁布局

2.span

span是乙個html標籤,是乙個內聯元素,主要對括起來的內容進行修飾

3.此標籤內進行寫css

4.css的選擇器

1.標籤選擇器

標籤名2.類選擇器

.class名

3.id選擇器

#id名

4.層級選擇器

標籤 標籤

5.屬性選擇器

標籤[type='屬性']

5.link標籤是鏈結外部檔案

rel屬性指明被鏈結的是樣式表

type指的是鏈結的是css樣式

href裡面填寫檔案路徑

6.css浮動

浮動的框可以移動,直到外接圓碰到另乙個浮動框為止

由於浮動框不在文件管理流中,所以文件在普通流表現的就像不存在一樣

float是css的屬性

可以進行塊向左向右浮動,若布局溢位,則用clear清除浮動

7.padding和margin屬性

padding是元素和內邊框距離

margin是內邊框和外邊框屬性

border是邊框

前端之CSS介紹

css cascadingstylesheet,層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化 渲染 css的語法 css語法可以分為兩部分 1 選擇器 2 宣告 宣告由屬性和值組成,多個宣告之間用分號分隔,如下圖 css的四種引入方式 1 行內...

前端 CSS介紹一

css能夠使網頁元素的樣式更加豐富,讓網頁的內容和樣式拆分開,css是cascading style sheets的首字母的縮寫,意思是層疊樣式表,html只負責文件的結構和內容,內容的表現形式交給css,html文件變得更加簡潔。css基本語法 選擇器 如 div 這是第乙個div 這是第二個di...

前端部分 CSS基礎介紹

css cascading style sheet,層疊樣式表 定義如何顯示html元素。也就是定義相應的標籤語言來定製顯示樣式達到一定的顯示效果。每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。引用css樣式的方式分為3種 1 便簽行內定義顯示方式 2 ...