CSS選擇器和常用屬性

原創

不过是混吃等死

2020-03-06 01:25

基礎選擇器
- id選擇器
  使用此選擇器要求HTML相應的標籤必須指定了id屬性
  格式：
  #+標籤id屬性{
  //對應id標籤的屬性
  如color等
  }
  
  通過HTML標籤的id來指定標籤，修改樣式
- 元素選擇器
  格式：
  標籤名稱{
  //通過標籤名稱找到標籤(可能不止一個)並修改內容樣式
  }
  
  這個元素選擇器會找到HTML中所有的div標籤，並將標籤內容字體改爲紅色
- 類選擇器
  格式：
  .+類名{
  通過標籤的class屬性值找到標籤
  }
  
  其中：三個選擇器中 id選擇器優先級最高，元素選擇器優先級最低
擴展選擇器

3. CSS常見屬性

4. 盒子模型
參見JAVA_WEB/HTML&CSS

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

Throttle 小例子

function testFn() { console.log(1111); } var throttle = function (fn, delay,atleast) { var timer = null; v

2020-07-06 12:01:29

JS大數運算

/** * 大數與或操作 */ global.andorOpera = function (a, b, type) { //type = 1是與運算，type = 2 是或運算，默認是與運算 a

2020-07-06 12:01:28

前端基礎總結（3）——css定位和浮動

CSS 定位 position屬性用來指定一個元素在網頁上的位置，一共以下有5種定位方式：（1）static——靜態定位 static是position的默認值，即沒有定位，元素正常出現在頁面流中。（2）fixed——固定定位元素相

2020-07-06 11:03:58

UZI——永遠滴神

一代人的記憶 uzi——a best ADC in the world,簡自豪（Uzi）被稱爲中國ADC選手中的天賦型選手。一直以來都飽受爭議，無論是春季賽場上的情緒失控，還是後來的掛機洗澡事件都讓他處於風口浪尖。但是，從來沒有

2020-07-05 17:47:30

bootstrap使用load()函數加載頁面報:$(...).load is not a function錯誤

我原本打算做一個信息管理系統，點擊左側標籤欄，改變右邊頁面內容。實現這個效果應該使用jquery的load()函數。可我用bootstrap框架的時候，一直報$(…).load is not a function錯誤。錯誤截圖:

2020-07-04 06:33:33

jquery筆記整理

這是我前段時間學習jquery的時候整理的課堂筆記，在這裏分享給大家，課程原地址在這裏。邊聽課邊看筆記效果更佳！ 1.初始化函數 $(document).ready(function(){ }) 簡化模式

2020-07-04 06:33:33

五種實現JavaScript對象繼承的方法

JavaScript是一門基於對象的語言，不是面向對象的語言。因爲它沒有自己的類（class）！所以對象繼承的實現就尤爲重要！！！一、原型鏈繼承核心：將父類的實例作爲子類的原型 function SuperType() {

2020-07-04 02:48:00

如何判斷一個對象是否屬於某個類？

如何判斷一個對象是否屬於某個類？ if(a instanceof Person){ alert('yes'); } // 判斷對象類型最好的方式 // 對於 Object 對象，直接調用 toString() 就能返回 [obj

2020-07-04 02:48:00

深入學習瀏覽器的緩存機制

一、強緩存對於強緩存，瀏覽器在第一次請求的時候，會直接下載資源，然後緩存在本地，第二次請求的時候，直接使用緩存。強緩存方案 Expires：服務端的響應頭，第一次請求的時候，告訴客戶端，該資源什麼時候會過期。該字段是 http1.0

2020-07-04 02:48:00

常見的前端模塊化方法（CommonJS和ES6模塊方法）

一、CommonJS Node.js是commonJS規範的主要實踐者，它有四個重要的環境變量爲模塊化的實現提供支持：module、exports、require、global。實際使用時，用module.exports定義當前模塊對外輸

2020-07-04 02:48:00

promise中race和all的使用場景

Promise.race（）： race的用法：誰跑的快，以誰爲準執行回調。 race的使用場景：比如我們可以用race給某個異步請求設置超時時間，並且在超時後執行相應的操作，代碼如下： //請求某個圖片資源 function

2020-07-04 02:48:00

CSS樣式爲什麼不起作用？史上最全解決方法彙總

在我們寫頁面時，有時會發現自己寫的css樣式無法生效，導致這種現象的原因有很多，下面列舉一些常見的原因希望可以幫到你，歡迎評論區補充。目錄瀏覽器緩存問題細節問題樣式表關聯問題選擇器問題編碼格式問題樣式層疊問題瀏覽器緩存問題

2020-07-03 05:01:31

CSS基礎——css語法與選擇器優先級

css語法 <style> 選擇符1{ 屬性: 值 ; 屬性: 值 ; ….. ；} </style> 舉個例子，對所有a標籤進行css處理 <style> a {text-decoration: none} a:visi

陵先生的笔记本

2020-07-01 17:12:53

HTML基礎——表單form

form表單標籤——開始一個表單屬性設置： method = (post, get ) action = JavaScript或者URL或者一個servelt（表單的提交目標地址） name = 表單名字 input——收集用戶

陵先生的笔记本

2020-07-01 17:12:53

jQuery插件ocupload多次上傳同一個文件失效？

最近用ocupload插件上傳excel表格到服務器，發現這個插件有點問題：在IE和Chrom瀏覽器中，只有第一次上傳文件的請求會被服務器收到，以後的上傳請求服務器都接收不到。目前只能第一次上傳文件後，在上傳相同的文件時，刷新一

2020-07-01 02:19:16

24小時熱門文章

最新文章

最新評論文章