Web前端-HeadFirst-筆記-CH10-子孫選擇器
子孫選擇器:會選擇一個元素中巢狀的所有的相應元素,不論巢狀有多深。
CSS語法:
- .父元素名 子孫元素名{屬性設定};
- #父元素名 子孫元素名{屬性設定};
- 選擇直接的孩子不包括孫子等:#/.父元素名>子元素名
- 需要子元素是某特定巢狀中的元素:#/.父元素名 塊元素名 子元素名{屬性設定};
元素之間--格式為:父元素名空格子孫元素名
元素的class設定--格式為:(父元素名)點class
元素的特定id設定--格式為:(父元素名)井號id名 /*<div>必有id*/
tips:
text-align:可以使塊元素中所有(內聯元素)對齊。
只能在塊元素中使用,單獨對內聯元素使用不起作用。
其他塊元素如標題和段落,可以繼承div的center屬性。
但同時預設的不是所有屬性都可以繼承。
類名以及id名都唯一,CSS中id名之前不需要再加父元素,但類名之前可加父元素以防止其他情況發生。
相關推薦
Web前端-HeadFirst-筆記-CH10-子孫選擇器
子孫選擇器:會選擇一個元素中巢狀的所有的相應元素,不論巢狀有多深。 CSS語法: .父元素名 子孫元素名{屬性設定}; #父元素名 子孫元素名{屬性設定};選擇直接的孩子不包括孫子等:#/.父元素名>子元素名需要子元素是某特定巢狀中的元素:#/.父元素名 塊元素名
我的web前端學習之路-CSS-選擇器
選擇 產生 之路 css 註意 images nbsp 前端 ges 選擇器指定了要作用的標簽 直接指定一個準確元素名,對其產生作用 指定標簽元素class屬性的值,可選指定特定的標簽元素,不要忘記“點”! (註意!!)class屬性的值可以用空格隔開表示多個cla
web前端(8)—— CSS選擇器
選擇器 選擇器,說白了就是html的標籤或者其相關特性,在一個HTML頁面中會有很多很多的元素,不同的元素可能會有不同的樣式,某些元素又需要設定相同的樣式,選擇器就是用來從HTML頁面中查詢特定元素的,找到元素之後就可以為它們設定樣式了。 選擇器為樣式規則指定一個作用範圍 基本選
前端學習筆記 day49 CSS選擇器補充
1.選擇器 其實就是找標籤,為這個標籤設定相應的樣式; 2. 偽選擇器 2.1 未被訪問的連結(a:link{}) VS 已被訪問的連結(a:visited{}) <! DOCTYPE html> <html>
Web前端學習筆記—— jQuery之簡介、物件、選擇器
jQuery簡介 JavaScript庫的概念 JavaScript開發的過程中,處理瀏覽器的相容很複雜而且很耗時,於是一些封裝了這些操作的庫應運而生。這些庫還會把一些常用的程式碼進行封裝。 把一些常用到的方法寫到一個單獨的js檔案,使用的時候直接去引用這js檔
web前端開發學習筆記-06-css選擇器
原課程在這裡:https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce 標籤選擇器 <style type="text/css"> body{background-co
Web前端學習筆記——CSS樣式、外觀、複合選擇器
CSS字型樣式屬性 font-size:字號大小 font-size屬性用於設定字號,該屬性的值可以使用相對長度單位,也可以使用絕對長度單位。其中,相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。具體如下: font-family:字型 fo
【Web前端學習筆記】CSS3_常用屬性,選擇器,盒子模型
CSS3 A.概述 1.什麼是CSS Cascading Style Sheet 層疊樣式表 2.作用 用來控制網頁元素的展示形式 3.為什麼要用CSS 1)
【程式碼筆記】Web-CSS-CSS id和Class選擇器
一,效果圖。 二,程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS id和class選擇器</title&
鋒利的jQuery學習筆記之jQuery選擇器
空格 attr 簡單 cap 字符串 check disable select file 在介紹jQuery選擇器之前,先簡單介紹一下CSS選擇器---> 一、CSS選擇器 常見的CSS選擇器有以下幾種: 選擇器 語法 描述 示例 標簽選擇器 E{CSS規則
HTML學習筆記 CSS學習選擇器 第五節 (原創)
ext spa family 如果 styles ctype css gre utf <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
HTML學習筆記 CSS學習選擇器案例 第五節 (原創) 參考使用表
樣式 back ack aid head 派生選擇器 char logs pan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
前端css -- 引入方式和選擇器
文本 play 包括 orm div 選中 設置 cti tex 引入css方式(重點掌握) 行內樣式 內接樣式 外接樣式 3.1 鏈接式 3.1 導入式 css介紹 現在的互聯網前端分三層: HTML:超文本標記語言。從語義的角度描
Web前端學習筆記之安裝和使用PhantomJS
0x00 安裝PhantomJS(linux環境安裝) 將PhantomJS下載在/usr/local/src/packet/目錄下(這個看個人喜好) 作業系統:CentOS 7 64-bit 1.下載地址:http://phantomjs.org/download.ht
前端-CSS-3-偽類選擇器
/*'愛恨原則' love hate*/ /*沒有被訪問的a標籤的樣式*/ .box ul li.item1 a:link{ color: #666; }
87_css筆記3_css的選擇器
一,標籤選擇器 標籤選擇器定義: <style> p{ color: red; } h1{ color: blue; } </style> 使用:
Web前端學習筆記,詳細的Web前端學習路線圖
3.3 小米 教學視頻 前端工程 武漢 beyond 1.8 之前 1.5 前端就是後臺實現和視覺表現的橋梁,是貫穿在整個產品開發過程的紐帶,起到承上啟下的作用,一個好的前端工程師他能夠很好理解產品經理對用戶體驗的要求,也能夠很好地理解後臺工程師對數據邏輯,或者程序邏輯進行
Web前端學習筆記——構建前端自動化工作流環境
目錄 為什麼要有自動化的流程 在我們的開發過程中有大量的重複操作 DRY Don't repeat yourself 開發人員的精力應放在哪?創造,新的一切 前端開發的編譯操作 1.
Web前端學習筆記——AngularJS之過濾器、服務、路由
目錄 過濾器 自定義比較 服務 建立服務 自定義服務 路由 過濾器 data 過濾器 用於時間日期格式化 <span>{{'1288323623006' |
Web前端學習筆記——VueJS之過濾器、生命週期、請求、動畫
品牌管理案例 新增新品牌 刪除品牌 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo