css 背景圖固定不滾動（background 語言筆記 CSS
background-attachment 屬性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }標籤定義及使用說明background-atta…
CSS
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS border 語言筆記 CSS
div{ border:2px solid; border-radius:25px; }定義和用法border-radius 屬性是一個簡寫屬性，用於設置四個 border-radius 屬性。提示：該屬性允許您爲元素添加圓角邊框！默認值：0繼承性：no版本：CSS3JavaScript 語法：ob…
css normalize.css是做什麼的？ 語言筆記 CSS
Normalize.css 使瀏覽器呈現所有 HTML 元素更加一致，並且符合現代 web 標準。Normalize.css 只作用於需要規範化的樣式。Normalize.css只是一個很小的css文件，但它在磨人的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比於傳統的CSS reset,Nor…
css3 響應式佈局的坑 語言筆記 CSS
在響應式佈局的時候，由於不太熟練浮動佈局，所以就用css3最新的彈性盒佈局和網格佈局來做，在做響應式的時候遇到了有點坑。之前的代碼：@media (max-width:570px) { } @media (max-width:992px) { }這裏說明一下，在寫css時，最好明確響應的範圍，如果只…
css3 border屬性總結（如何設置邊框虛線？） 語言筆記 CSS
border語法：border：<line-width> || <line-style> || <color> <line-width> = <length> | thin | medium | thick <line-style&g…
html+css寫的一個網站縮略圖生成器 語言筆記 CSS
::(不高興)模板網站的縮略圖都很好看，於是我也想，於是我折騰，結果我........擺爛 :@(裝大款) 只寫了一個PC端的，電腦可以拿去截圖用::(陰險) 作用：可以生成你自己的網站縮略圖效果圖{hide}{cloud title="紅穆網站縮略圖生成源碼" type="lz" url="htt…
css 浮動後，父盒子沒有高度解決辦法 語言筆記 CSS
如下所示，子元素 div2 本身具有高度和寬度，但由於其具有float:left；屬性後。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"> <…
css 定位（position） 語言筆記 CSS
語法：position：static | relative | absolute | fixed | center | page | sticky默認值：static適用於：除display屬性定義爲table-column-group | table-column之外的所有元素繼承性：無動畫性：否…
css3 2D動畫（transform） 語言筆記 CSS
transform語法：transform：none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() =…
css vh和vw自適應 語言筆記 CSS
在移動端中利用REM的相對於根HTML進行改變，通過一段JS實現了移動端自適應，本文則使用純CSS視口單位來自行自適應，雖然現在的兼容性還沒法完全能夠接受，但不妨礙你認識這個vw和vh的強大。 響應式佈局的實現依靠媒體查詢( Media Queries )來實現，選取主流設備寬度尺寸作爲斷點針對…