CSS樣式

時間 2020-01-18

標籤 css 樣式欄目 CSS 简体版

原文原文鏈接

1.HTML+CSS佈局（DIV+CSS）:主要經過CSS樣式設置來佈局文字或圖片等元素，須要用到CSS盒子模型，盒子類型，CSS浮動，CSS定位，CSS背景圖定位等知識來佈局，主流佈局css

2.CSS介紹：爲了讓網頁元素的樣式更加豐富，也爲了讓網頁的內容和樣式能拆開，CSS（Cascading Style Sheets）層疊樣式表，HTML中大部分表現樣式的標籤就廢棄不用了，HTML只負責文檔的結構和內容，表現形式徹底交給CSS，HTML文檔變得更加簡潔。html

3.CSS基本語法ide

（1）CSS的定義方法是：佈局

選擇器{屬性：值；屬性：值；屬性：值}code

選擇器是將樣式和頁面元素關聯起來的名稱，屬性是但願設置的樣式屬性每一個屬性有一個或多個值。htm

2.CSS頁面引入方法blog

（1）外聯式：經過link標籤，連接到外部樣式表到頁面中。圖片

（2）嵌入式：經過style標籤，在網頁上建立嵌入的樣式表文檔

（3）內聯式：經過標籤的style屬性，在標籤上直接寫樣式

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>引入CSS</title>

<link rel="stylesheet" type="text/css" href=./CSS/main.css>

<style type="text/css">

h1{font-size: 20px;color: #D0E537}
</style>

</head>

<body>

<h1>頁面標題</h1>
<div>這是一個div標籤</div>
<!--第三種插入方式，行內式，不推薦-->
<a href="www.qq.com" style="font-size: 40px;color: pink">QQ</a>

</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。