WEB前端初學者筆記（5）--定位
一、三種定位 使用position: ;進行定位設置 小tip：定位的時候是會有瀏覽器margin和padding干擾，使定位產生誤差。這時就需要通配符解決*{margin：0；padding：0；}。或者在body里面設置就可以了 固定定位position: fixed; 相對於瀏覽器 ...
原文：WEB前端初學者筆記（8）--偽類選擇器
一 什么是偽類 偽類用於定義元素的特殊狀態。 例如，它可以用於： 設置鼠標懸停在元素上時的樣式 為已訪問和未訪問鏈接設置不同的樣式 設置元素獲得焦點時的樣式 二 hover 以下面代碼為例，hover是鼠標懸停在元素上樣式的改變，它不僅僅改變的是盒子的顏色，也可以改變盒子的寬高 邊框等等等等。 活學活用，聯想到網頁上一些頁面，當鼠標放上去會有一些div盒子彈出來，這就可以用hover實現，比如di ...
2021-11-10 08:52 0 118 推薦指數：
相關推薦
WEB前端初學者筆記（7）--盒子的邊框屬性
一、邊框屬性 border-width可以設置邊框大小 border-style可以設置邊框樣式，取值有 border-color可以設置邊框顏色 二、邊框的應用 ...
WEB前端初學者筆記（20）--swiper中實現分頁器和換頁按鈕
一.分頁器 1.pagination 使用分頁器導航。分頁器可使用小圓點樣式（默認）、分式樣式或進度條樣式。 swiper5新增可以通過設置Swiper的風格--swiper-theme-color或單獨設置分頁器風格--swiper-pagination-color來改變分頁器顏色。 注意 ...
偽類（偽類選擇器）
偽類：同一個標簽，根據其不同的種狀態，有不同的樣式。這就叫做“偽類”。偽類用冒號來表示。 靜態偽類和動態偽類 偽類選擇器分為兩種。 （1）靜態偽類：只能用於超鏈接的樣式。如下： :link 超鏈接點擊之前 :visited 鏈接被訪問過之后 PS：以上兩種樣式，只能 ...
前端筆記之HTML5&CSS3（中）選擇器&偽類偽元素&CSS3效果&漸變背景&過渡
一、CSS3選擇器 CSS3是CSS的第三代版本，新增了很多功能，例如：強大的選擇器、盒模型、圓角、漸變、動畫、2D/3D轉換、文字特效等。 CSS3和HTML5沒有任何關系！HTML5骨架中，可以用CSS2.1也可以用CSS3。XHTML骨架中可以用CSS3的樣式。 在學習CSS之前都是 ...
WEB前端初學者筆記（2）--基礎標簽語法以及常見標簽
一、HTML基礎標簽語法 HTML 元素以開始標簽起始 HTML 元素以結束標簽終止 元素的內容是開始標簽與結束標簽之間的內容 某些 HTML 元素具有空內容（empty cont ...
偽類選擇器與偽元素選擇器
之前總以為這兩個東西是一樣的，其實他們的作用大不相同哦。他們的作用是：可以為文檔中不一定存在的結構制定樣式，他們不是通過文檔結構向頁面中添加樣式。 一、偽類選擇器 是用來選擇某個類，或者說，選擇的是某個類的狀態。 1、鏈接偽類 【:link】: 【:visited】 2、動態偽類 ...
WEB前端初學者筆記（1）--基礎知識以及代碼結構
一、B/S架構 B是browser(瀏覽器) 用戶使用的所有客戶端（部分手機app，小程序）都可以把它視為瀏覽器的一種展示。 S是server(服務器) 。瀏覽器發出請求，通過http等互聯網協議，發送至S端服務器，S端服務器把網頁文件發送給前段，B端瀏覽器收到文件后，瀏覽器解析成圖形界面 ...