JavaScript

CSS(三)：基本屬性，css基本屬性1.屬性選取器E[att]：選擇具有att屬性的E元素。1 /* 擷取具有class屬性的p元素 */2 p[class]{3 color: red;4 }5 6 <p class="a">class:a</p>E[att="val"]：選擇具有att屬性且屬性值等於val的E元素。1 /* 擷取class屬性的值為"a"的p元素 */2 p[class="a"]{3 color: red;4 }5 6 <p

移動端行列布局，端行列布局最近發現UC下通過display:inline-block布局有點問題，全用最新版：Android6系統和最新版UC手機瀏覽器都還是有問題。 設計需求： 導覽列100%寬度，共有4個子欄目，每一個欄目佔1/4寬度。HTML代碼為：<ul> <li></li> <li></li> <li></li>

CSS知識總結（二），css知識總結CSS的選擇符分成：　　1. 通配選擇符　　2. 元素選擇符　　3. 群組選擇符　　4. 關係選擇符　　5. id及class選擇符　　6. 偽類選擇符　　7. 屬性選擇符　　8. 偽對象選擇符 1.通配選擇符（*）　　* 號表示所有的對象。　　所謂通配選擇符，就是指可以使用模糊指定的方式來對象進行選擇，指定樣式。　　例子原始碼：/* CSS代碼 */*{ color:gray;}<!-- HTML代碼

css 動畫，csscss3動畫 @keyframes規定動畫，必須定義動畫的名稱，動畫時間長度的百分比，一個或多個css樣式屬性以百分比來規定改變發生的時間，或者通過關鍵詞"from"和"to"，等價於0%和100%文法：@keyframes animationname {keyframes-selector

inline-block 空白間距問題，inline-block間距一. 問題 元素是inline-block屬性時，會有空白間隙 二. 解決方案 1. html方式 1）將元素之間的空隙去除 <div class="space"> <a href="##">A</a ><a href="##">B</a ><a href="#

#8.8.16總結# 痛點：關係選擇符，1.什麼是CSS?CSS(Cascading Style Sheets):層疊樣式表,一種網頁表現與內容分離的樣式設計語言。 2. CSS能做什嗎？a.一些動畫效果b.頁面配置c.控制整個網站的主題 3. CSS文法結構？4. 如何引入CSS？ a.內聯式 直接把CSS樣式代碼寫在HTML代碼裡面<p style="color:#F00;">這裡文字是紅色</p>b.嵌入式 把CSS樣式代碼寫在<

html頁面公用樣式，html頁面 body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } * { box-sizing: border-box; } table{

CSS(二)：CSS選取器，css選取器1.關係選取器關係選擇符可以分為：選取器名稱描述E  F　　　　　　包含選取器　　　　選擇所有被E元素包含的F元素。E > F子選取器選擇所有作為E元素的子項目F。E + F相鄰選取器選擇緊貼在E元素之後F元素。E ~ F兄弟選取器選擇E元素所有兄弟元素F。       包含選取器：div p{ color:red;}<div> <p>

css 基礎(1)，css基礎css參考手冊：css.doyoe.com 在css3中，不同的瀏覽器可能需要不同的首碼，它表示該css屬性或規則尚未成為W3C標準的一部分，是瀏覽器的私人屬性，雖然目前較新版本的瀏覽器都是不需要首碼的，但為了更好的向前相容首碼還是少不了的-webkit 代表chrome、safari私人屬性-moz 代表firefox瀏覽器私人屬性-ms 代表IE瀏覽器私人屬性-o

css選取器，css3選取器基本選取器名稱選擇符說明萬用字元選取器*選擇所有元素元素選取器E選擇所有標記為E的元素，例如div、p等類別選取器.classname選擇class="classname"的元素E.classname選擇所有class="classname"的標記為E的元素，例如div.classnameid選取器#idname選擇id為idname的元素群組選取器s1,s2...sn一次性選擇一組元素(p,div,span)關係選取器名稱選擇符說明後代選取器E

CSS 知識總結（一），css知識總結一.認識CSS　1.什麼是CSS？　　CSS (Cascading Style Sheet)

CSS3 一、文本陰影text-shadow屬性，文本陰影text-shadow屬性特效：1.右下角陰影，左下角陰影，左上方陰影，右上方陰影 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>text-shadow</title> 6 <style> 7 p{ 8

animation-fill-mode的一些思考，animation-fill-modeanimation-fill-mode是css3動畫的一個屬性，它能夠控制元素在動畫執行前與動畫完成後的樣式。一個帶有延遲，並且按正常方向執行的動畫（正常方向是指從0%運行到100%），執行一次的過程可以描述如下： #demo1 { .target.animate { animation-name: move_1; animation-duration: 2s;

CSS 3 中二維三維以及漸層過程簡單總結 及效果(動圖不好發)，css漸層一. 不動,地區內的變化(本質生產一張圖片)      /*漸層                1  長方形之漸層先定義長方形的寬高大小(好觀察最好加邊框)                   

隨堂筆記之正則與HTML5新元素，html5新元素在進入主題前，先插個網站https://www.processon.com/ProcessOn是一個線上協作繪圖平台,為使用者提供最強大、易用的作圖工具!它可以很方便的線上簡單繪製一些東西，讓自己去具體理解。Regex今日的正則只是學習正則的簡單使用。在HTML5的標籤屬性的強大面前，我們已經可以不用去先學習javascript才能再去正則了，因為HTML5的input標籤的pattern可以實現標籤的驗證，近似取代複雜的javascript使用

css 二，css1.font合寫　　font: font-style font-variant font-weight font-size/line-height font-family　　font: 風格 變形 加粗 字型大小/行高 字型系列　　風格 變形 加粗 可以按照任意順序書寫 如果是normal可以不寫　　變形 font-variant 三個值 small-caps normal inherit　　small-caps是一種小型大寫字母 　　風格 font-style

魔方(小玩具)，魔方(玩具)<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } height: 100%; } body{ position: relative; perspective: 1000px;

html 基礎(1)，html基礎html5文檔聲明：<!doctype

html 基礎(4)

css，css教程今天將學習到的相關知識整理一下記錄下來1、樣式初始化，因為瀏覽器的不同顯示的樣式效果也不同，所以需要將效果不同的樣式給替換或置空 1 @charset "UTF-8"; 2 /*設定預設編碼集*/ 3 /*css 初始化start */ 4 5 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { 6 margin: 0;