css筆記總結2

找到所有的 h1 標簽。 選擇器(選對人)
設置這些標簽的樣式,比如顏色為紅色(做對事)。
##css基礎選擇器

基礎選擇器又包括:標簽選擇器、類選擇器、id 選擇器和通配符選擇器
###標簽選擇器:
標簽選擇器(元素選擇器)是指用 HTML 標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的 CSS 樣式。
語法:
標簽選擇器{
屬性:屬性值

}
作用:
標簽選擇器(元素選擇器)是指用 HTML 標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的 CSS 樣式。
###類選擇器
如果想要差異化選擇不同的標簽,單獨選一個或者某幾個標簽,可以使用類選擇器.
語法:
.類名 {
屬性1: 屬性值1;

}
結構需要用class屬性來調用 class 類的意思

變紅色

1.如果想要差異化選擇不同的標簽,單獨選一個或者某幾個標簽,可以使用類選擇器。
2.類選擇器在 HTML 中以 class 屬性表示,在 CSS 中,類選擇器以一個點“.”號顯示。
3.類選擇器使用“.”(英文點號)進行標識,后面緊跟類名(自定義,我們自己命名的)。
4.可以理解為給這個標簽起了一個名字,來表示。
5.長名稱或詞組可以使用中橫線來為選擇器命名。
6.不要使用純數字、中文等命名,盡量使用英文字母來表示。
7.命名要有意義,盡量使別人一眼就知道這個類名的目的。
8.命名規范:見附件( Web 前端開發規范手冊.doc)
###多類名選擇器
我們可以給一個標簽指定多個類名,從而達到更多的選擇目的。 這些類名都可以選出這個標簽.
簡單理解就是一個標簽有多個名字.

外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳
多類名的具體使用:
1.

亞瑟

注意:
1.在標簽class 屬性中寫 多個類名
2.多個類名中間必須用空格分開
3.這個標簽就可以分別具有這些類名的樣式
###id選擇器:
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML 元素以 id 屬性來設置 id 選擇器,CSS 中 id 選擇器以“#" 來定義。
語法:
#id名 {
屬性1: 屬性值1;

}
注意:id 屬性只能在每個 HTML 文檔中出現一次
###id選擇器和類選擇器的區別:
1.類選擇器(class)好比人的名字,一個人可以有多個名字,同時一個名字也可以被多個人使用。
2.id 選擇器好比人的身份證號碼,全中國是唯一的,不得重復。
3.id 選擇器和類選擇器最大的不同在于使用次數上。
4.類選擇器在修改樣式中用的最多,id 選擇器一般用于頁面唯一性的元素上,經常和 JavaScript 搭配使用。

外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳

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

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

相關文章

【PB案例學習筆記】-03用戶名密碼校驗

寫在前面 通過一個個由淺入深的編程實戰案例學習,提高編程技巧,以保證小伙伴們能應付公司的各種開發需求。 文章中設計到的源碼,小凡都上傳到了gitee代碼倉庫https://gitee.com/xiezhr/pb-project-example.git 需要源代碼的小伙伴們可以自行…

KNN算法處理多元分類任務

概述 這個案例還是基于之前的案例進行改造。 之前的案例代碼完整如下: from sklearn.datasets import make_blobs # KNN 分類器 from sklearn.neighbors import KNeighborsClassifier # 畫圖工具 import matplotlib.pyplot as plt # 數據集拆分工具 from sklearn…

ur5 moveit配置過程

ros-noeticur5機械臂抓取仿真_ros機械臂視覺抓取仿真-CSDN博客

Java獲取請求參數

1.簡單參數接收 前端請求參數與Controller接受變量名一致 如果參數名不一致,接受不成功。 可以用RequestParam指定參數名,可以用username接收(不推薦)。 required true,表示參數必須傳遞,如果不傳遞會報錯…

std文件中寫入內容基礎

在C中,使用標準庫中的std::fstream類可以進行文件操作,包括文件的讀取和寫入。下面是一些常見的文件寫入模式及其介紹: 文件寫入模式 std::ofstream (Output File Stream) 專門用于文件寫入的流。默認模式下,如果文件不存在&…

連通民心,服務無界:政務熱線系統打造便捷政務新時代

一.引言 在21世紀的數字浪潮中,政府服務模式正經歷著前所未有的變革。隨著信息技術的飛速發展,民眾對于政務服務的期待已不再局限于傳統的面對面交流,而是更加傾向于高效、便捷、全天候的服務體驗。在此背景下,政務熱線系統應運而…

深入剖析Tomcat(八) 載入器與打破雙親委派機制的自定義類加載器

寫這篇文章讓我頭大了好幾天,書中描述的內容倒是不多,可能也是那會Tomcat的現狀。如今Tomcat發展了好多代,加上springboot的廣泛應用,導致現在的類加載的步驟和Tomcat資料中描述的大相徑庭。可能也是由于微服務的發展,…

環形數組介紹要點和難點具體應用實例和代碼解析

環形數組(或稱為循環數組、圓形數組)是一種邏輯結構,其中數組的末尾和開頭在邏輯上是相連的,從而形成一個環或圈。在實際的物理存儲中,環形數組通常是一個普通的線性數組,但在訪問和操作時采用特定的邏輯來處理邊界條件,使得元素可以從數組的末尾“循環”到開頭,或者從…

基于 Spring Boot 博客系統開發(十)

基于 Spring Boot 博客系統開發(十) 本系統是簡易的個人博客系統開發,為了更加熟練地掌握 SprIng Boot 框架及相關技術的使用。🌿🌿🌿 基于 Spring Boot 博客系統開發(九)&#x1f…

MySQL 開源到商業(四):MySQL 成了燙手山芋

前文提到,Monty 得知 Oracle 收購 Sun 的提案得到了美國政府的支持后,發動社區用戶向歐盟委員會請愿,希望通過反壟斷的名義讓 Oracle 知難而退,進而實現剝離 MySQL 的目的。而 Oracle 為了得到歐盟委員會的許可,迅速提…

Golang | Leetcode Golang題解之第91題解碼方法

題目&#xff1a; 題解&#xff1a; func numDecodings(s string) int {n : len(s)// a f[i-2], b f[i-1], c f[i]a, b, c : 0, 1, 0for i : 1; i < n; i {c 0if s[i-1] ! 0 {c b}if i > 1 && s[i-2] ! 0 && ((s[i-2]-0)*10(s[i-1]-0) < 26) {c…

Navicat 干貨 | 探索 PostgreSQL 中不同類型的約束

PostgreSQL 的一個重要特性之一是能夠對數據實施各種約束&#xff0c;以確保數據完整性和可靠性。今天的文章中&#xff0c;我們將概述 PostgreSQL 的各種約束類型并結合免費的 "dvdrental" 示例數據庫 中的例子探索他們的使用方法。 1. 檢查約束&#xff1a; 檢查…

顏色的表示和還原(一)

這篇文章主要提煉于ICCV 2019 Tutorial: Understanding Color and the In-Camera Image Processing Pipeline for Computer Vision。里面深入淺出地講解了很多ISP中的基礎知識&#xff0c;這里主要對顏色相關的部分做一點總結。 假設不成立了 相機經常被簡單地看作是衡量光線…

STM32學習計劃

前言&#xff1a; 這里先記錄下STM32的學習計劃。 2024/05/08 今天我正在學習的是正點原子的I.MX6ULL APLHA/Mini 開發板的 Linux 之ARM裸機第二期開發的視頻教程&#xff0c;會用正點原子的I.MX6ULL開發板學習第二期ARM裸機開發的教程&#xff0c;然后是學習完正點原子的I.M…

Mybatis基礎操作-刪除

Mybatis基礎操作-刪除 刪除 package com.itheima.mapper;import org.apache.ibatis.annotations.Delete; import org.apache.ibatis.annotations.Mapper;Mapper //在運行時&#xff0c;會自動生成該接口的實現類對象&#xff08;代理對象&#xff09;&#xff0c;并且將該對象…

QT:QML與C++交互

目錄 一.介紹 二.pro文件添加模塊 三.h文件 四.cpp文件 五.注冊 六.調用 七.展示效果 八.代碼 1.qmlandc.h 2.qmlandc.cpp 3.main.cpp 4.qml 一.介紹 在 Qt 中&#xff0c;QML 與 C 交互是非常重要的&#xff0c;因為它允許開發人員充分利用 QML 和 C 各自的優勢&…

我21歲玩“擼貨”,被騙1000多萬

最近&#xff0c;擼貨業界內發生了一些頗受矚目的事件。 在鄭州&#xff0c;數碼檔口下面搶手團長跑路失聯&#xff0c;涉及金額幾百萬&#xff0c;在南京&#xff0c;一家知名的電商平臺下的收貨站點突然失聯&#xff0c;涉及金額高達一千多萬&#xff0c;令眾多交易者震驚不已…

用scp將文件夾從一個服務器備份到另一個服務器

用scp將文件夾從一個服務器備份到另一個服務器 問題描述解決辦法 問題描述 公式服務器要回收了&#xff0c;如何將數據備份到另一個服務器上。 解決辦法 代碼如下 scp -P 32660 -r /path/of/the/original/file username10.258.36.187:/path/of/the/target/filescp -P 目標…

YOLOv8改進 | 圖像修復 | 適用多種復雜場景的全能圖像修復網絡AirNet助力YOLOv8檢測(全網獨家首發)

一、本文介紹 本文給大家帶來的改進機制是一種適用多種復雜場景的全能圖像修復網絡AirNet&#xff0c;其由對比基降解編碼器&#xff08;CBDE&#xff09;和降解引導修復網絡&#xff08;DGRN&#xff09;兩個神經模塊組成&#xff0c;能夠在未知損壞類型和程度的情況下恢復受…

Java | Leetcode Java題解之第92題反轉鏈表II

題目&#xff1a; 題解&#xff1a; class Solution {public ListNode reverseBetween(ListNode head, int left, int right) {// 設置 dummyNode 是這一類問題的一般做法ListNode dummyNode new ListNode(-1);dummyNode.next head;ListNode pre dummyNode;for (int i 0; …