css清除浮動float的方法
介紹幾種清除浮動的方式，常見常用~代碼直接貼圖嗷操作方法（01）給父級div人為定義height，解決父級div不能自動獲取到高度的問題。（02）添加一個空div，並定義clear:both清除浮動，此時父級div能自動獲取高度。（03）為父級div定義偽類...
如何註釋html、css、js代碼
不是每行代號都需要註釋，但註釋代碼量要佔10%~20%，以免其他人在檢測調試代碼的時候，不知道這段代碼是什麼意思，還得從前面開始理解代碼，增加別人的工作量。下面，我們來看看如何註釋html、css、js代碼吧。操作方法html註釋的...
CSS設置DIV的定位絕對定位和相對定位
設置DIV或者其他元素在瀏覽器中顯示的位置是HTML佈局中重要的一個內用，我們通過合理的佈局使得我們的網站美觀大方，這裏我就來説説如何使用CSS來給div定位。操作方法（01）首先我不給div定位來看看兩個div在瀏覽器中是如何...
CSS 的overflow:hidden 屬性詳細解釋
操作方法首先我們寫一個div，div裏就是一段文字。然後寫一些css樣式，關鍵部分是指定div的寬度，如圖的樣式代碼刷新頁面，可以看到我們的文字在超長的時候，顯示在div的外面了。這時就要用到我們的overflow:hidden樣式了。該樣...
HTML中引入css和js的方法
我們在HTML中經常需要引入CSS和JS文件，那麼如何引入呢？下面小編給大家演示一下。工具/材料SublimeText操作方法首先新建一個文件夾，在文件夾下面建立如下圖所示的文件接下來用SublimeText打開HTML文件，寫入HTML結構，如下圖...
如何查看網頁的源代碼（HTML代碼和CSS代碼）
我在寫文章或者做其它東西的時候，自己總有一個網頁，我們如何查看自己網頁的源代碼呢？下面介紹一下。第一種方法：通用方法（01）打開一個網頁，在該網頁中點擊左鍵，如圖（02）點擊查看源代碼，如圖，看到了嗎，這一大堆字母就是你這個網頁的...
HTML和css怎樣製作橫排導航條，菜單
很多小夥伴學習了一段時間的HTML和css，就想自己動手試試製作導航條菜單，不過卻沒有思路，今天小編我就來分享一下HTML和css製作導航條的實例，大家可以參考參考。操作方法（01）如圖，製作導航條菜單一般是用一個div嵌套ul和li標...
如何應用CSS中position屬性
本文主要是簡單的講解下如何應用cssposition的各個屬性的內容，以及如何應用。操作方法（01）首先，我們先簡單瞭解下position的幾個屬性：static(默認值),relative(相對定位),absolute(絕對定位),fixed(固定定位)。小編將會在...
用CSS畫矩形統計表
矩形統計表，就是通過矩形形狀形象地表達出數據間的數量，關係。用CSS能否處理得了呢？其實不難，畫矩形其實就是一個DIV加上背景色就行了。下面一起看下。操作方法（01）首先我們看下，一個簡單的矩形，在Html，css裏，是怎樣畫出來的？htm...
CSS樣式的優先級詳解
在做網頁開發，基本上都會處理CSS樣式的，css樣式的優先級大家都弄清楚了嗎？如果不清楚，自己寫的樣式為什麼被覆蓋了都不知道的。下面一起來了解下。操作方法（01）同級別的樣式，後面寫的樣式，肯定會比前面的更優先。（在樣式裏不添...
css設置字體大小
前端開發中，為了突出一些內容常常對一些內容進行字體大小的設置。css提供了一個設置字體大小的屬性：font-size。語法：font-size：20px操作方法（01）打開html開發軟件，新建一個html頁面，然後在這個html頁面上創建一個<div>標籤並...
CSS水平居中的9種方法
容器的居中顯示在網頁設計中是很常見的，居中顯示可以獲得視覺的焦點，是內容更加突出，下面就簡單的説明一下如何在HTML中通過樣式的控制來實現操作方法最常見的一種，代碼示例如下圖，首先，取big一半像素大小賦給small層，通過ma...
css怎樣設置漸變背景
在當前很多瀏覽器的網頁中,我們可以看到有很多網頁都有漸變背景的,那麼網頁怎樣實現漸變背景呢?今天咪咪我就來分享一下HTML中設置漸變背景的方法。操作方法（01）首先,先設置兩個div,然後給它們添上類名。（02）然後我們對第...
CSS代碼怎麼把小圖片設為背景圖
操作方法首先看下html代碼，一個空的div，什麼內容都還沒放上。為這個div寫上一些美化的樣式。刷新頁面，看下效果，現在就是顯示一個有邊框的div。要用css為這個div加上背景圖片，只需要加上background-image的樣式，後面的值就...
css中設置div居中顯示的方法
我們進行頁面開發的時候，最經常用的就是div標籤了，那麼div中的內容如何居中顯示呢，下面小編給大家分享一下。工具/材料SublimeText操作方法首先我們用sublime先創建一個html，並且在html裏面加入div，如下圖所示然後我們在di...
css圓角邊框代碼，css3中div圓角邊框是怎麼寫的
css3有一種新功能就是給div或者是圖片等圓角，圓角代碼怎麼寫你知道嗎，作為一個經常寫css的網站製作者，今天跟大家分享一下css圓角邊框代碼，當然圖片圓角也是一樣的，我分享的代碼儘量兼容各種瀏覽器，包括ie、360瀏覽器、搜狗...
DIV + CSS 到底是什麼意思？
在很久很久以前，web工程師通過table進行頁面佈局（現在Google的picasa等應用還能找到table佈局應用的例子），現在頁面佈局大都推薦div+css方式。 所謂的div+css是指通過css控制div的佈局。其實這兒div可以理解為統稱...
用Css如何製作圓形？
網頁開發中，經常會用到一些小圖標，比如一些箭頭之類的，圓形圖標也是經常用到的，很多時候這些圖標都是直接使用圖片來處理。我們這裏介紹一下用css來製作圓形圖標，而不是用圖片。下面一起看下。操作方法（01）首先看下我們的htm...
css幾種選擇器的使用
如何讓CSS樣式對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器，HTML頁面中的元素就是通過CSS選擇器進行控制的。操作方法（01）標籤選擇器一個完整的HTML頁面有很多不同的標籤組成，比如div、p，而...
![CSS系列：[1]CSS實現半透明div層的方法](https://i2.quzhizhan.com/f7205759/e679020ab8/bd24515fed36d661/ed71511ae97bd53f5d190885ffdf0eef8ef5-s.jpg "CSS系列：[1]CSS實現半透明div層的方法")
CSS系列：[1]CSS實現半透明div層的方法
首先，先看一下實例，如下：<htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><style>#div1{margin:0pxauto;width:500px;height:370px;text-align:center;background:url(../demoi...
css設置背景圖片大小
網頁的某些裝飾可以通過背景圖片來渲染，使得網頁更加美觀，CSS設置背景圖片，不僅僅是大小，還有位置，放大方式，透明化之類。都是必備的CSS技能。層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現HTML（標準通用標記語言...
利用CSS，設置半透明背景
在做頁面開發時，有時為了有更好的顯示效果，我們需要為一些元素設置半透明背景。下面我們來看下怎樣利用CSS3，來設置更好的半透明效果。操作方法（01）先寫些測試代碼，測試HTML很簡單，就是二個div，一個嵌套在另一個裏面，代碼如圖...
怎樣在F12下查看源碼和調試網頁CSS
怎樣在F12下查看源碼和調試網頁CSS？下面我們就來看一下具體是如何操作的吧。操作方法首先我們需要打開一個網頁，然後按F12開始查看源碼。調出代碼之後，然後選擇你想修改網站框架的地方。在最右邊的一塊代碼中就是屬於網...
用css如何製作圓環？
HTML開發中，我們可以用圖片製作圖標，也可以用CSS來生成一些簡單的圖標，比如正方形，三角形，圓形等等。但可以生成圓環嗎？不能直接生成，但可以通過間接的方法來生成，我們可以通過二個圓來完成。操作方法（01）看下我們例子的html代...
怎樣用CSS製作響應式佈局
現階段，隨着互聯網的發展，人們瀏覽網頁的方式也不僅僅是在電腦PC端了，而更多的是移動端用户。因此，前端開發者面臨的問題是，應該怎樣開發出適應不同用户的瀏覽體驗的網頁呢？響應式佈局因此應運而生。響應式佈局，顧名思義，即為...