css概述與語法

2021-09-29 03:00:32 字數 2726 閱讀 5319

先帶著問題學習css:
設定頁面中所有的文字顏色為紅色。

設定頁面中所有的p元素文字為藍色。

設定頁面中所有的h3元素文字也為藍色。

將頁面中所有的p元素文字顏色改為綠色。

html的不足:

1. 不同的標記想完成相同的效果使用的是不同

...

修改文字顏色

修改文字顏色

2. 樣式效果不通用
css作用:

1. 以統一的方式實現樣式的定義

color:red;

2. 提高頁面樣式的可重用性和可維性

簡介:css(cascading style sheets)

層疊樣式表,級聯樣式表, 簡稱 樣式表

實現了內容(html)與表現(css)的分離

html是構建網頁的結構

css是構建html元素樣式

ex(例子):

html : 修改文字顏色

css : color:red; 修改文字顏色

w3c: 建議盡量使用css樣式取代html屬性

colspan屬性在css中沒有方式能夠取代,所以針對跨列來講,

只能使用 html1 元素屬性,不能使用css屬性

分為:

內聯方式

內部樣式表

外部樣式表

1. 內聯方式

內聯方式介紹:將樣式宣告在元素的style屬性中
語法:

樣式宣告」

樣式宣告: 表示乙個具體顯示效果,多個樣式宣告之間,用;隔開

每個樣式宣告都由兩部分組成:

樣式屬性; 屬性值

ex(例子):

樣式屬性: 屬性值

color 顏色英文表示法

font-size 以px或pt為單位的數值

background-color 顏色英文表示法

設定某元素的 文字顏色為紅色, 文字大小為24px,背景顏色為綠色 :

2. 內部樣式表
內部樣式表介紹:將樣式宣告定義在頁面的style 元素中

(例子1) 文字顏色為紅色,文字大小:24px

命令顯示例子:

顯示例子:

2. css樣式特徵

1. 繼承性

子級元素可以直接使用父級元素宣告好的樣式

大部分的css樣式屬性是可以被繼承的。

2. 層疊性

可以為乙個元素宣告多個樣式規則中的樣式如果樣式不衝突的話

,多個樣式規則中的樣式可以層疊為乙個。

3. 優先順序

樣式定義衝突時,按照不同樣式使用的「優先順序」來應用樣式

瀏覽器預設設定愛(user agent stylesheet)中:

外部樣式表或內部樣式表

就近原則-誰離元素近,就用誰高:內聯樣式

4. !important 規則

作用: 顯示調整樣式的優先順序

語法:屬性名稱: 值 !important;

(盡量少用)

ie以及以下瀏覽器不支援

打破預設優先順序規則

1. 它的作用:

規範了頁面中哪些元素能夠使用定義好的樣式

目的: 匹配頁面元素

2. 詳解:

1. 通用選擇器

作用:  匹配頁面中所有的元素

語法:*

缺點: 效率較低,盡可能少用

2. 元素選擇器
作用:定義頁面某一標籤的預設樣式

語法:元素

3. 類選擇器

作用:

由css定義好,可以被任意標記的class屬性值進行引用的選擇器

語法:

.類名類名:

不能以數字開始

2. 除_,-意外不能有其它特殊符號

引用:引用方式 - 多類選擇器的引用

可以將多個類選擇器,同時應用在乙個元素中

語法:

span元素的背景顏色為灰色(gray),

文字顏色為綠色(green), div文字顯示為橘黃色,文字加粗顯示。

p、h3 文字顏色為紅色。

顯示命令例子:

例項演示:

PL SQL 概述與基礎語法

第乙個pl sql程式 開啟輸出開關 set serveroutput on declare 說明部分 變數,游標或者例外 begin 程式體 dbms output.put line helllo world end dbms output 程式包 檢視程式包的結構 desc dbms outpu...

Crystal 語法概述

crystal 語法概述 建立公式時,可以選擇使用 crystal 語法或 basic 語法。語法規則用於建立正確的公式。幾乎任何使用某種語法編寫的公式都可以使用另一種語法來編寫。報表可以包含使用 crystal 語法的公式,也可以包含使用 basic 語法的公式。有關是使用 crystal 語法還...

Sql語法概述

sql的操作符和具體用途如下以下部分 操作符 描述 一元 負數 一元 正數 一元 64位進製補碼 not 一元 布林 邏輯否定 現在來說一下sql一些比較有用的dml命令 select它用於檢索資料 insert它用於增加資料到資料庫,但是在後面加個into 這個就可以在這個 李新增乙個新的資料in...