![css設定水平垂直居中]( "css設定水平垂直居中")
- 前端開發中常常需要對某個元素進行設定水平垂直居中，可以透過使用css3提供的transform的translate進行元素居中效果。可以直接看最後一步，裏面包含了所有html代碼，可直接使用。操作方法（01）新建一個html檔案，然後創建一個<div>標籤，然後給這個標籤設定一個class，案例中class爲tes...
- 6149
![用CSS製作三角形，替代背景圖片]( "用CSS製作三角形，替代背景圖片")
- 網頁設計，製作，在早期，一般都是用背景圖片來呈現三角形，比如一個提示視窗，有一個三角形圖標指示，這個圖標一般就是背景圖片來的。現在我們不用背景圖片，直接用CSS來生成，需要怎麼做呢？操作方法（01）先看下html代碼，代碼很簡單，就是幾個div，我們爲其中一個div加上樣式名，angle,這個div就是...
- 28418
![css 圓角 css圓角 css3 圓角代碼實現]( "css 圓角 css圓角 css3 圓角代碼實現")
- css圓角是一種常用的頁面處理方式，css1及css2的處理方式是採用背景圖片的方式處理的；css3處理的方式瀏覽器支援的原生的，使用樣式屬性border-radius。本文重點講解的是基於css3的處理方式。操作方法（01）CSS3圓角處理的方式：<divid="yuanjiao"></div>#yuanjiao{padding:10px;wid...
- 15467
![css清除浮動float的方法]( "css清除浮動float的方法")
- 介紹幾種清除浮動的方式，常見常用~代碼直接貼圖嗷操作方法（01）給父級div人爲定義height，解決父級div不能自動獲取到高度的問題。（02）添加一個空div，並定義clear:both清除浮動，此時父級div能自動獲取高度。（03）爲父級div定義僞類:after和zoom清除浮動。（04）給父級div定義overflow:hidd...
- 25558
![CSS樣式的優先級詳解]( "CSS樣式的優先級詳解")
- 在做網頁開發，基本上都會處理CSS樣式的，css樣式的優先級大家都弄清楚了嗎？如果不清楚，自己寫的樣式爲什麼被覆蓋了都不知道的。下面一起來了解下。操作方法（01）同級別的樣式，後面寫的樣式，肯定會比前面的更優先。（在樣式裏不添加!important屬性的情況）代碼如圖（02）執行頁面，可以看到我...
- 16031
![CSS技巧分享：如何用css製作橫排二級下拉選單]( "CSS技巧分享：如何用css製作橫排二級下拉選單")
- 工具/材料notepad++瀏覽器操作方法開啟Notepad++，先輸入個頁面框架<！DOCTYPEhtml><htmlxmlns=""><hade></hade><body></body>框架好了，那麼就該定義頁面的title，關鍵詞keyword，和描述description<metacharset="UTF-8"content="text/html"http-equiv="content-type"><title>純c...
- 10567
![css幾種選擇器的使用]( "css幾種選擇器的使用")
- 如何讓CSS樣式對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器，HTML頁面中的元素就是透過CSS選擇器進行控制的。操作方法（01）標籤選擇器一個完整的HTML頁面有很多不同的標籤組成，比如div、p，而標籤選擇器，則是決定哪些標籤採用相應的CSS樣式，標籤的樣...
- 15027
![CSS代碼怎麼把小圖片設爲背景圖]( "CSS代碼怎麼把小圖片設爲背景圖")
- 操作方法首先看下html代碼，一個空的div，什麼內容都還沒放上。爲這個div寫上一些美化的樣式。重新載入頁面，看下效果，現在就是顯示一個有邊框的div。要用css爲這個div加上背景圖片，只需要加上background-image的樣式，後面的值就是圖片的地址了。background-image:url(12.jpg);重新載入頁...
- 7185
![CSS文字垂直居中]( "CSS文字垂直居中")
- 操作方法先寫上html代碼，如圖，內容很簡單，就是一個div裏有一段文字。再寫上div對應的樣式，如圖，這裏只設定了div的邊框和高度，寬度。如果這裏顯示的話，我們看下頁面，文字是不會水平居中和垂直居中的。要讓文字水平居中，我們可以添加樣式：text-align:center;要讓文字垂直居中，我們可...
- 21317
![CSS 的overflow:hidden 屬性詳細解釋]( "CSS 的overflow:hidden 屬性詳細解釋")
- 操作方法首先我們寫一個div，div裏就是一段文字。然後寫一些css樣式，關鍵部分是指定div的寬度，如圖的樣式代碼重新載入頁面，可以看到我們的文字在超長的時候，顯示在div的外面了。這時就要用到我們的overflow:hidden樣式了。該樣式就是爲了避免超長時，顯示內容溢出的，在樣式裏添加上這...
- 11356
![如何應用CSS中position屬性]( "如何應用CSS中position屬性")
- 本文主要是簡單的講解下如何應用cssposition的各個屬性的內容，以及如何應用。操作方法（01）首先，我們先簡單瞭解下position的幾個屬性：static(默認值),relative(相對定位),absolute(絕對定位),fixed(固定定位)。小編將會在具體的實例中講解...（02）relative（相對佈局）：首先在CSS樣式...
- 9190
![HTML中引入css和js的方法]( "HTML中引入css和js的方法")
- 我們在HTML中經常需要引入CSS和JS檔案，那麼如何引入呢？下面小編給大家演示一下。工具/材料SublimeText操作方法首先新建一個檔案夾，在檔案夾下面建立如下圖所示的檔案接下來用SublimeText開啟HTML檔案，寫入HTML結構，如下圖所示然後我們在Head標籤內用link標籤引入CSS檔案，如下...
- 8548
![css透明度，css圖片透明度設定方法]( "css透明度，css圖片透明度設定方法")
- 在一些網站的登入頁面上，經常可以發現，一張圖片疊加在另一張圖片上，底層的圖片若隱若現，利用css中的透明屬性opacity可以實現這種效果，下面就簡單介紹一下怎麼寫代碼操作方法新建一個HTML檔案，下載兩張圖片，如下圖，放在一個檔案夾中，避免出現路徑問題代碼示例如下，主要利用css僞元...
- 29253
![如何註釋html、css、js代碼]( "如何註釋html、css、js代碼")
- 不是每行代號都需要註釋，但註釋代碼量要佔10%~20%，以免其他人在檢測調試代碼的時候，不知道這段代碼是什麼意思，還得從前面開始理解代碼，增加別人的工作量。下面，我們來看看如何註釋html、css、js代碼吧。操作方法html註釋的格式html註釋的格式是【<!--代碼塊-->】，把註釋的內容...
- 15035
![css中設定div居中顯示的方法]( "css中設定div居中顯示的方法")
- 我們進行頁面開發的時候，最經常用的就是div標籤了，那麼div中的內容如何居中顯示呢，下面小編給大家分享一下。工具/材料SublimeText操作方法首先我們用sublime先創建一個html，並且在html裏面加入div，如下圖所示然後我們在div中加入一些文字，如下圖所示，文字用span包裹起來執行頁...
- 10360
![css清除浮動常用的兩種方法]( "css清除浮動常用的兩種方法")
- css清除浮動在網頁佈局中經常試用到的，下面兩個方法可以實現浮動第一種方法是clear:both;（01）css代碼{width:300px;background:#CCC;padding-bottom:10px;margin-bottom:10px;}{width:145px;height:100px;float:left;background:#F0F;}t{width:145px;height:100px;float:rig...
- 4634
![CSS樣式的三種表現用法]( "CSS樣式的三種表現用法")
- 學會了CSS樣式的三種表現用法，CSS原來可以如此簡單！操作方法（01）一.外部樣式將CSS樣式編寫並安放在一個獨立的檔案內，有<link/>和@import兩種方式，而@import基本被放棄使用。<linkrel="stylesheet"href="CSS檔案路徑"/>實例1：相對路徑：<linkrel="stylesheet"href=""/>絕對路徑：<li...
- 6754
![利用CSS，設定半透明背景]( "利用CSS，設定半透明背景")
- 在做頁面開發時，有時爲了有更好的顯示效果，我們需要爲一些元素設定半透明背景。下面我們來看下怎樣利用CSS3，來設定更好的半透明效果。操作方法（01）先寫些測試代碼，測試HTML很簡單，就是二個div，一個嵌套在另一個裏面，代碼如圖。（02）然後爲二個div寫上對應的樣式，如圖，都是一些比較基礎...
- 17369
![css設定背景圖片大小]( "css設定背景圖片大小")
- 網頁的某些裝飾可以透過背景圖片來渲染，使得網頁更加美觀，CSS設定背景圖片，不僅僅是大小，還有位置，放大方式，透明化之類。都是必備的CSS技能。層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣...
- 14104
![CSS設定DIV背景色漸變顯示]( "CSS設定DIV背景色漸變顯示")
- 操作方法開啟軟件可以使用Dreamweaver或Visualstudio軟件，比如開啟VS軟件，如下圖所示：創建一個DIV然後在body主體中創建一個div名爲【a】，<divclass="a">DIV</div>，如下圖所示：設定屬性然後設定div的屬性，比如高度、寬度和顏色等等，如下圖所示：背景漸變色然後設定背景漸變色，代碼如...
- 25833
![css精華是哪個國家的品牌 適合什麼年齡用]( "css精華是哪個國家的品牌 適合什麼年齡用")
- css精華是哪個國家的品牌美國小衆藥妝品牌，CSSVitaminC20%Serum來自美國，適合任何面板。含20%純維他命C、0.5FerulicAcid、0.5透明質酸。增厚表皮層，改善面板健康。初用者適用。合抗氧化保護，能中和遊離基，增強面板對紫外線免疫能力，有效抵禦UVAI/UVAII/UVB，防止面板提早衰老，減...
- 27522
![css製作桌面上的兩個球]( "css製作桌面上的兩個球")
- HTML頁面開發中，有時候需要呈現一些場景，有的用圖片來完成，有的用css來模擬完成。下面一起來看下，怎樣用css來模擬顯示一張桌面上的兩個球。操作方法（01）首先是html代碼，這裏的代碼如圖，主要是用三個div來模擬，樣式名爲y1,y2的是兩個圓，zm是桌面<divclass="y1"></div><divclass="y1...
- 22545
![用css如何製作圓環？]( "用css如何製作圓環？")
- HTML開發中，我們可以用圖片製作圖標，也可以用CSS來生成一些簡單的圖標，比如正方形，三角形，圓形等等。但可以生成圓環嗎？不能直接生成，但可以透過間接的方法來生成，我們可以透過二個圓來完成。操作方法（01）看下我們例子的html代碼，如圖，很簡單，就是一個大的div，包含二個div。<divclass="...
- 21932
![淘寶店鋪導航CSS代碼使用修改技巧]( "淘寶店鋪導航CSS代碼使用修改技巧")
- 詳解淘寶店鋪導航CSS代碼使用修改技巧操作方法（01）首先我們進入到店鋪的裝修頁面，將鼠標放在導航上面會出現“編輯”字樣，單擊，選擇“顯示設定”選項卡（02）1.修改導航分類下面的背景色，代碼如下：-box-bd{background:#000000;}效果如下（03）如果你想要更加個性，而不想只要簡單的純色塊...
- 13672
![首頁index.html中如何調用CSS系統和引用標籤？]( "首頁index.html中如何調用CSS系統和引用標籤？")
- 網頁設計中，一般從單頁面中的首頁設計開始，本文用圖文的方式介紹如何在首頁檔案中調用CSS中的引用標籤和系統標籤。讓初學網頁設計人員更能清楚的瞭解html代碼的執行方式，從而在以後的設計中舉一反三，靈活應用。操作方法（01）開啟Dreamweaver8，分別新建html和css格式的檔案，分別存...
- 19009
妙知谷
