css清除浮動常用的兩種方法
css清除浮動在網頁佈局中經常試用到的，下面兩個方法可以實現浮動第一種方法是clear:both;（01）css代碼{width:300px;background:#CCC;padding-bottom:10px;margin-bottom:10px;}{width:145px;height:100px;float:left;bac...
相關CSS的科普知識
怎樣用CSS製作響應式佈局
現階段，隨着互聯網的發展，人們瀏覽網頁的方式也不僅僅是在電腦PC端了，而更多的是移動端用戶。因此，前端開發者面臨的問題是，應該怎樣開發出適應不同用戶的瀏覽體驗的網頁呢？響應式佈局因此應運而生。響應式佈局，顧名思義，即爲...
怎樣在F12下查看源碼和調試網頁CSS
怎樣在F12下查看源碼和調試網頁CSS？下面我們就來看一下具體是如何操作的吧。操作方法首先我們需要打開一個網頁，然後按F12開始查看源碼。調出代碼之後，然後選擇你想修改網站框架的地方。在最右邊的一塊代碼中就是屬於網...
css中設置div居中顯示的方法
我們進行頁面開發的時候，最經常用的就是div標籤了，那麼div中的內容如何居中顯示呢，下面小編給大家分享一下。工具/材料SublimeText操作方法首先我們用sublime先創建一個html，並且在html裏面加入div，如下圖所示然後我們在di...
如何查看網頁的源代碼（HTML代碼和CSS代碼）
我在寫文章或者做其它東西的時候，自己總有一個網頁，我們如何查看自己網頁的源代碼呢？下面介紹一下。第一種方法：通用方法（01）打開一個網頁，在該網頁中點擊左鍵，如圖（02）點擊查看源代碼，如圖，看到了嗎，這一大堆字母就是你這個網頁的...
css設置背景圖片大小
網頁的某些裝飾可以通過背景圖片來渲染，使得網頁更加美觀，CSS設置背景圖片，不僅僅是大小，還有位置，放大方式，透明化之類。都是必備的CSS技能。層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現HTML（標準通用標記語言...
用Css如何製作圓形？
網頁開發中，經常會用到一些小圖標，比如一些箭頭之類的，圓形圖標也是經常用到的，很多時候這些圖標都是直接使用圖片來處理。我們這裏介紹一下用css來製作圓形圖標，而不是用圖片。下面一起看下。操作方法（01）首先看下我們的htm...
用CSS怎麼設置網頁的背景色
下面咱們來看看用css怎麼設置網頁背景顏色。操作方法（01）首先打開電腦上自帶的記事本程序，然後輸入html網頁基本結構語句。<html><body></body></html>（02）由於css樣式必須在標籤<head></head>之間，因此我們點擊<html>後面，...
用css如何製作圓環？
HTML開發中，我們可以用圖片製作圖標，也可以用CSS來生成一些簡單的圖標，比如正方形，三角形，圓形等等。但可以生成圓環嗎？不能直接生成，但可以通過間接的方法來生成，我們可以通過二個圓來完成。操作方法（01）看下我們例子的html代...
DIV + CSS 到底是什麼意思？
在很久很久以前，web工程師通過table進行頁面佈局（現在Google的picasa等應用還能找到table佈局應用的例子），現在頁面佈局大都推薦div+css方式。 所謂的div+css是指通過css控制div的佈局。其實這兒div可以理解爲統稱...
用CSS製作三角形，替代背景圖片
網頁設計，製作，在早期，一般都是用背景圖片來呈現三角形，比如一個提示窗口，有一個三角形圖標指示，這個圖標一般就是背景圖片來的。現在我們不用背景圖片，直接用CSS來生成，需要怎麼做呢？操作方法（01）先看下html代碼，代碼很簡單，就是...
css設置字體大小
前端開發中，爲了突出一些內容常常對一些內容進行字體大小的設置。css提供了一個設置字體大小的屬性：font-size。語法：font-size：20px操作方法（01）打開html開發軟件，新建一個html頁面，然後在這個html頁面上創建一個<div>標籤並...
css清除浮動float的方法
介紹幾種清除浮動的方式，常見常用~代碼直接貼圖嗷操作方法（01）給父級div人爲定義height，解決父級div不能自動獲取到高度的問題。（02）添加一個空div，並定義clear:both清除浮動，此時父級div能自動獲取高度。（03）爲父級div定義僞類...
css設置邊框陰影;box-shadow的使用
如何使用box-shadow設置邊框陰影。box-shadow:X軸偏移量Y軸偏移量[陰影模糊半徑][陰影擴展半徑][陰影顏色][投影方式]。投影方式有兩種：inset、outset，默認投影方式outset。將通過案例來講述如何設置邊框陰影。操作方法...
css幾種選擇器的使用
如何讓CSS樣式對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器，HTML頁面中的元素就是通過CSS選擇器進行控制的。操作方法（01）標籤選擇器一個完整的HTML頁面有很多不同的標籤組成，比如div、p，而...
HTML和css怎樣製作橫排導航條，菜單
很多小夥伴學習了一段時間的HTML和css，就想自己動手試試製作導航條菜單，不過卻沒有思路，今天小編我就來分享一下HTML和css製作導航條的實例，大家可以參考參考。操作方法（01）如圖，製作導航條菜單一般是用一個div嵌套ul和li標...
css設置字體間距
操作方法先看下我們的html代碼，很簡單，就是一個div裏有一段文字，我們爲這個div添加了一個樣式zn默認情況下，不加任何樣式時，這段文字的間距是很小的，如圖爲了添加文字的間距，我們可以添加letter-spacing的樣式，添加一個zn的樣...
CSS設置DIV背景色漸變顯示
操作方法打開軟件可以使用Dreamweaver或Visualstudio軟件，比如打開VS軟件，如下圖所示：創建一個DIV然後在body主體中創建一個div名爲【a】，<divclass="a">DIV</div>，如下圖所示：設置屬性然後設置div的屬性，比如高度、寬度和顏...
HTML樣式CSS的三種寫法
CSS是樣式層疊表，有三種引入方式。下面，我們來看看HTML樣式CSS的三種寫法吧。操作方法行內樣式CSS可以直接放到行內樣式中引入即可，比如代碼如下圖：<pstyle="color:blue;background:red;">helloworld！</p>嵌入式還可以採用...
css透明度，css圖片透明度設置方法
在一些網站的登錄頁面上，經常可以發現，一張圖片疊加在另一張圖片上，底層的圖片若隱若現，利用css中的透明屬性opacity可以實現這種效果，下面就簡單介紹一下怎麼寫代碼操作方法新建一個HTML文件，下載兩張圖片，如下圖，放在一個文...
css行間距怎麼設置
CSS指的是層疊樣式表，可以用CSS來修改網頁的格式。下面，我們來看看css行間距怎麼設置吧。操作方法輸入代碼在<body>主體中輸入兩行文字，如下圖所示：然後再用<br/>分段，如下圖所示：再輸入type樣式表，主要是用來放CSS代碼內容...
css製作桌面上的兩個球
HTML頁面開發中，有時候需要呈現一些場景，有的用圖片來完成，有的用css來模擬完成。下面一起來看下，怎樣用css來模擬顯示一張桌面上的兩個球。操作方法（01）首先是html代碼，這裏的代碼如圖，主要是用三個div來模擬，樣式名爲y1,y2的...
CSS文字垂直居中
操作方法先寫上html代碼，如圖，內容很簡單，就是一個div裏有一段文本。再寫上div對應的樣式，如圖，這裏只設置了div的邊框和高度，寬度。如果這裏顯示的話，我們看下頁面，文本是不會水平居中和垂直居中的。要讓文本水平居中，我們可...
如何理解CSS的盒子模型
當我們在寫一個html頁面時，頁面中的每一個元素都相當於一個盒子。在網頁上右鍵選擇“檢查”時，我們可以在開發者工具的Element選項中看到頁面中有哪些元素，點擊某一個元素，可以看到該元素的寬高和背景色等信息，同時下方會...
如何註釋html、css、js代碼
不是每行代號都需要註釋，但註釋代碼量要佔10%~20%，以免其他人在檢測調試代碼的時候，不知道這段代碼是什麼意思，還得從前面開始理解代碼，增加別人的工作量。下面，我們來看看如何註釋html、css、js代碼吧。操作方法html註釋的...