CSS層疊樣式表

HTML主要控制內容

CSS主要控制格式。

樣式表是用來指定樣式信息的句法機制。

之所以將CSS稱為層疊樣式表,是因為它可以在3個層次上進行定義。

內聯樣式表

內聯樣式表位于開始標簽中,其設置只對該元素起作用

文檔樣式表

文檔樣式表位于文檔的頭部區域,能夠作用于文檔的整個主體。

文檔樣式表的說明是作為一個<style>元素對的內容出現的。

語法格式為 選擇器 {一組屬性值對}

例如:


外部樣式表

外部樣式表可以獨立創建為一個文本文件,標簽<link>用于指定外部樣式表。

例如:

<link?rel="stylesheet"?type="text/css"?media="screen"?href="stylesheets/stylesheet.css"> </link>


/*????? */ 是CSS注釋


選擇器:


1.最簡單的選擇器就是單元素名稱

2.類選擇器

類選擇器用于為同一個標簽的不同實例指定不同的樣式說明。class這個特性

<p class="normal">xxxxxxxxxxxxxxxxxxxx

</p>

<style>

p.normal {property-value list}

</style>

3.通用選擇器

不管什么元素,只要他有class="normal",則應用樣式

.normal {property-value list}

4.id選擇器

限定于某個特殊的id

5.上下文選擇器

后代選擇器 ol li 空格

子元素選擇器 ol >li 大于號

6.偽類選擇器

偽類是一種當某種事件發生時才能夠發揮作用的樣式。

例如:

當鼠標放到h3元素上時被應用。

h3:hover {}

7. * 通配選擇器。



使用firebug可以進行CSS的實時查看和編輯


轉載于:https://www.cnblogs.com/lineuman/p/6775897.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/254999.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/254999.shtml
英文地址,請注明出處:http://en.pswp.cn/news/254999.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

對X264/FFMPEG架構探討---感覺不錯

3. FFMPEG架構分析FFMPEG是目前被應用最廣泛的編解碼軟件庫&#xff0c;支持多種流行的編解碼器&#xff0c;它是C語言實現的&#xff0c;不僅被集成到各種PC軟件&#xff0c;也經常被移植到多種嵌入式設備中。使用面向對象的辦法來設想這樣一個編解碼庫&#xff0c;首先讓人想…

如何快糙好猛的使用Shiqi.Yu老師的公開人臉檢測庫(附源碼)

前言 本次編寫所用的庫為于仕祺老師免費提供的人臉檢測庫。真心好用&#xff0c;識別率和識別速度完全不是Opencv自帶的程序能夠比擬的。將其配合Opencv的EigenFace算法&#xff0c;基本上可以形成一個小型的畢業設計。&#xff08;我是學機械的啊喂&#xff01;&#xff01;&a…

SQL語句增加字段、修改字段、修改類型、修改默認值

--一、修改字段默認值alter table 表名 drop constraint 約束名字 ------說明&#xff1a;刪除表的字段的原有約束alter table 表名 add constraint 約束名字 DEFAULT 默認值 for 字段名稱 -------說明&#xff1a;添加一個表的字段的約束并指定默認值--二、修改字段名&#…

node+koa2+mysql搭建博客后臺

本文將詳細講解使用nodekoa2mysql搭建博客后臺的全過程。 開發環境 node 8.3.0及以上npm 5.3.0及以上mysql 5.7.21具體的環境配置可查看我的上一篇文章 準備工作 npm下載pm2(進程守護)&#xff0c;并設置全局變量創建博客需要的數據庫與表 開啟mysql并創建數據庫test: create d…

ffmpeg使用x264編碼的配置+ ffmpeg與 x264編碼器參數完整對照表

ffmpeg使用x264編碼的配置 ffmpeg與 x264編碼器參數完整對照表 分類&#xff1a; 多媒體 2010-07-13 11:31 1072人閱讀 評論(0) 收藏 舉報 轉載自&#xff1a;扶凱[http://www.php-oa.com] 本文鏈接: http://www.php-oa.com/2009/03/09/ffmpeg_x264.html 轉帖:http://rhinghear…

javascript之變量

定義變量方式有var&#xff0c;let&#xff0c;const&#xff0c;變量的類型是根據變量的值來確定&#xff0c;變量的名稱跟大多數語言一樣&#xff0c;包含數字字母_$,不能以數字開頭且區分大小寫。 var 最早的定義變量的方式&#xff0c;可重復定義,但請避免這樣做。 var a …

Maven理解

2019獨角獸企業重金招聘Python工程師標準>>> Maven概念 參考maven入門 冰河winner Maven作為一個構建工具&#xff0c;不僅能幫我們自動化構建&#xff0c;還能夠抽象構建過程&#xff0c;提供構建任務實現;它跨平臺&#xff0c;對外提供了一致的操作接口&#xff0…

HALCON示例程序measure_circles.hdev測量圓的半徑

HALCON示例程序measure_circles.hdev測量圓的半徑 示例程序源碼&#xff08;加注釋&#xff09; 關于顯示類函數解釋 dev_update_off () read_image (Image, ‘circle_plate’) get_image_size (Image, Width, Height) dev_close_window () dev_open_window (0, 0, Width / 2…

OpenTLD 未完成 - 虎頭

TLD是一種算法的簡稱&#xff0c;原作者把它叫做Tracking-Learning-Detection。搞視覺的人看到這個名字都會嚇一跳&#xff0c;很ambitious的計劃。是09年的工作&#xff0c;不算太久&#xff0c;不過也不太新。網上關于這個的資源其實很多&#xff0c;很大程度和作者開放源代碼…

C# FileSystemWatcher 在監控文件夾和文件時的用法

********************************************************************************** 第一個文章: ********************************************************************************** 概述 最近學習FileSystemWatcher的用法,它主要是監控一個文件夾,當文件夾內的文件要…

比微軟kinect更強的視頻跟蹤算法--TLD跟蹤算法介紹

TLD (Tracking-Learning-Detection)是英國薩里大學的一個捷克籍博士生在其攻讀博士學位期間提出的一種新的單目標長時間&#xff08; long term tracking &#xff09;跟蹤算法。該算法與傳統跟蹤算法的顯著區別在于將傳統的跟蹤算法和傳統的檢測算法相結合來解決被跟蹤目標在被…

HALCON示例程序measure_circuit_width_lines_gauss.hdev電路板線寬檢測

HALCON示例程序measure_circuit_width_lines_gauss.hdev電路板線寬檢測 示例程序源碼&#xff08;加注釋&#xff09; 關于顯示類函數解釋 dev_update_off () dev_close_window () read_image (Image, ‘pcb_color’) get_image_size (Image, Width, Height) dev_open_window…

一張圖看懂混合云數據同步一站式解決方案

摘要&#xff1a; 針對不同數據庫間數據實時同步難的問題&#xff0c;日前&#xff0c;阿里云宣布推出混合云數據同步一站式解決方案&#xff0c;便于廣大云產品用戶實現實時數據同步的混合云支持&#xff0c;更為方便的是&#xff0c;該功能讓本地Oracle也能實現與云上數據庫的…

分布式性能測試

Jmeter分布式測試 在使用Jmeter進行性能測試時&#xff0c;如果并發數比較大(比如最近項目需要支持1000并發)&#xff0c;單臺電腦的配置(CPU和內存)可能無法支持&#xff0c;這時可以使用Jmeter提供的分布式測試的功能。 一、Jmeter分布式執行原理&#xff1a; 1、Jmeter分布式…

互斥鎖pthread_mutex_t的使用

1. 互斥鎖創建 有兩種方法創建互斥鎖&#xff0c;靜態方式和動態方式。POSIX定義了一個宏PTHREAD_MUTEX_INITIALIZER來靜態初始化互斥鎖&#xff0c;方法如下&#xff1a; pthread_mutex_t mutexPTHREAD_MUTEX_INITIALIZER; 在LinuxThreads實現中&#xff0c;pthread_…

無效設備解決辦法

touch /etc/ini.d/FirstLoadkill 殺死槍彈柜程序 或重啟reboot轉載于:https://www.cnblogs.com/yygsj/p/5634384.html

HALCON示例程序measure_grid.hdev使用XLD分割鍵盤輪廓

HALCON示例程序measure_grid.hdev使用XLD分割鍵盤輪廓 示例程序源碼&#xff08;加注釋&#xff09; 關于顯示類函數解釋 dev_update_off () read_image (Image, ‘keypad’) get_image_pointer1 (Image, Pointer, Type, Width, Height) dev_close_window () dev_open_window…

[BZOJ3992]序列統計

DP一下&#xff0c;設$f_{i,j}$表示生成$i$個數且乘積$\%Mj$的方案數&#xff0c;則$f_{i1,l}\sum\limits_{jk\%Ml}[k\in S]f_{i,j}$ 我們很不希望DP式中下標的位置出現乘法&#xff0c;因為這樣不好轉移&#xff0c;考慮把乘法換成加法 因為模數$M$是質數&#xff0c;所以它有…

socket,TCP/IP的理解(轉)

TCP/IP 要想理解socket首先得熟悉一下TCP/IP協議族&#xff0c; TCP/IP&#xff08;Transmission Control Protocol/Internet Protocol&#xff09;即傳輸控制協議/網間協議&#xff0c;定義了主機如何連入因特網及數據如何再它們之間傳輸的標準&#xff0c; 從字面意思來看TCP…

最小中間和

題目描述 給定一個正整數序列a1,a2,...,an&#xff0c;不改變序列中的每個元素在序列中的位置&#xff0c;把它們相加&#xff0c;并用括號記每次加法所得的和&#xff0c;稱為中間和。編程&#xff1a;找到一種方法&#xff0c;添上n-1對括號&#xff0c;加法運算依括號順序進…