CSS介紹

時間 2021-01-18

標籤 css html 字體 spa 3d code orm htm 對象 blog 欄目 CSS 简体版

原文原文鏈接

CSS簡介
CSS基礎選擇器
CSS字體屬性
CSS文本屬性
CSS的引入方式

CSS簡介

CSS是層疊樣式表（Cascading Style Sheets）的簡稱。css

做用：html

用於HTML文檔中元素的樣式定義
實現內容（html元素）與表現（css樣式）的分離
實現代碼的可重用性和可維護性

CSS主要部分：選擇器及一條或多條聲明。字體

選擇器用於指定CSS樣式的HTML標籤，花括號內是對該對象設置的的具體樣式。
屬性和屬性值以「鍵值對」的形式出現。
屬性是對制定對象設置的樣式屬性，例如字體大小、文本顏色等。
屬性和屬性之間用英文「:」分開。
多個鍵值對之間用英文「;」進行區分。

CSS基礎選擇器

CSS選擇器做用：選擇標籤spa

標籤選擇器

用HTML標籤名做爲選擇器，按標籤名分類，爲頁面中的某一類標籤指定統一的CSS樣式。3d

類選擇器

爲了差別化選擇不一樣的標籤，單獨選一個或某幾個標籤，能夠使用類選擇器。code

id選擇器

樣式#定義，結構id調用，只能用一次，別人勿使用
樣式點調用，結構類（class）調用，一個或多個，開發最經常使用orm

通配符選擇器

使用「*」定義，表示選中全部元素（標籤）。htm

CSS字體屬性

（1）經常使用字體屬性對象

（2）font複合屬性blog

能夠把以上文字樣式綜合來寫，節約代碼。

格式：

font: font-style font-weight font-size/line-height font-family;

好比：

body{
    font: normal 400 25px 'Microsoft yahei'; 
}

使用font屬性時，必須按上面語法格式中的順序寫，不能更換順序，各個屬性間以空格隔開。
不須要設置的屬性能夠省略，但必須保留font-size和font-family屬性，不然font屬性將不起做用。

CSS文本屬性

CSS的引入方式

（1）行內樣式表（行內式）

在標籤內部寫個style屬性，適合修改簡單的樣式。

（2）內部樣式表（嵌入式）

將全部的CSS代碼抽取出來，單獨放到一個<style></style>標籤中。

<style>
    div {
        color: red;
        font-size: 12px;
    }
</style>

<style></style>標籤通常放在<head></head>標籤裏。

（3）外部樣式表（連接式）

開發過程當中，使用的最多的方式。

先單獨寫一個CSS樣式文件，而後在HTML頁面經過<link>標籤引用

<link rel="stylesheet" href="css文件路徑">

1. CSS 介紹
2. CSS介紹
3. Css Module介紹
4. Boostrate之CSS介紹
5. CSS基礎介紹
6. css基本介紹
7. css單位介紹
8. 前端學習之路-CSS介紹，Html介紹，JavaScript介紹
9. 重學前端之CSS(一)CSS介紹
10. CSS中 Zoom屬性介紹
更多相關文章...
• 網站主機介紹 - 網站主機教程
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用
• 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源

相關標籤/搜索

每日一句

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