Web前端基礎(三) 網頁布局與樣式入門

2021-08-15 01:22:41 字數 921 閱讀 3465

1. 標籤內書寫

2. 頭部寫入

3. 外部引入

缺點:reset檔案,每次寫頁面都要把reset載入進去,避免不同的瀏覽器的顯示問題。

屬性值:

屬性值的設定方式:

不同方向值的合併書寫情況:

border: 10px solid red; //四個方向全是紅色

盒模型大小的計算:

css基本選擇器:3種——>優先順序:id選擇器》類選擇器》標籤選擇器

id="wrap">樂享div>

#wrap

style>

class="test">樂享div>

.test

style>

樂享p>

pstyle>

charset='utf-8'>

網頁布局與樣式入門title>

rel="stylesheet"

type="text/css"

href="reset.css">

#wrap

.test

pstyle>

head>

id="wrap">樂享div>

class="test">樂享div>

樂享p>

body>

html>

精通CSS DIV網頁樣式與布局 基礎

一 定義。層疊樣式表,是用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。二 基本元素。2.1選擇器。定義 要使用css對html頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到css選擇器。類別 1 標記選擇器用法 h1 2 類別選擇器用法 class 3 id選擇器用法...

HTML基礎(二) 網頁標題與注釋

昨天的教程講的是基礎結構元素,複習一下,即標籤 標籤 標籤。用法沒記住的話,你還是回去在多看幾遍教程吧。介紹了基礎結構,但是那並不是基本的框架,想要成為基本框架,還需要加上下面這個標籤,title標籤。這個標籤是幹什麼的呢?用瀏覽器開啟乙個網頁時,瀏覽器都會有乙個專門的欄來方便你進行對各個以開啟網頁...

SEO診斷案例一 網頁訊雜比與URL布局

對於我熟悉的朋友,可能會在我的部落格中了解到自己對於seo診斷是非常喜歡的,因為通過不同 的seo診斷能夠幫助我們提公升自己的seo技術,並且讓我們更多的和資料對接,通過資料中的細節變化了解搜尋引擎的變化,了解使用者的變化,幫助 及時調整應對策略。所以在這後面,我會寫乙個關於seo診斷的系列文章,主...