原创 CSS3 border-radius圓角
前面系統總結了CSS3中Gradient和RGBA的用法，今天我們在一起來看看CSS3中製作圓角的屬性border-radius的具體用法。在CSS2中，大家都碰到過圓角的製作。當時，對於圓角的製作，我們都需要使用多張圓角圖片做爲背景，分
2018-08-24 02:17:41
2
原创 純css3單選框美化樣式
先將原單選框隱藏：display：none； 再美化。 <div class="select_btn"> <input type="checkbox" id="checkbox_meihua" class="checkbo
2018-08-24 02:17:41
原创 CSS3 Animation
CSS3屬性中有關於製作動畫的三個屬性：Transform,Transition,Animation；我們一起學習完了Transform和Transition，讓我們對元素實現了一些基本的動畫效果，這些我想足以讓大家激動了一陣子，今天我們
2018-08-24 02:17:41
1
原创 網頁製作---登錄頁面之CSS樣式問題
本來寫的一個登陸頁面看上去和給定的頁面一樣，但是有很多小小的細節需要改正，今天做一個註冊賬號的頁面，本應該只需小幅度更改，沒想到有些樣式居然和我想要的樣式不匹配，然後就相當於重新寫了登錄頁面的樣式，對margin和padding有了更深的
2018-08-24 02:17:41
原创 positon的absolute和relative
position:absolute; 他的意思是絕對定位，他是參照瀏覽器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面簡稱TRBL)進行定位，在沒有設定TRBL，默認依據父級的做標原始點爲原始點。如果設定TRBL並且父級沒
2018-08-24 02:17:41
1
原创 網頁製作---CSS使用display：inline-block佈局
css之display:inline-block佈局 1.解釋一下display的幾個常用的屬性值，inline ， block， inline-block inline: 使元素變成行內元素，擁有行內元素的特性，即可以與其他行內元素共
2018-08-24 02:17:41
原创 JS 給Li增加class
<script> var list=document.getElementById("mainNav") //獲取ul對象 lis=list.getElementsByTagName("li") //獲取ul下的li對象
2018-08-24 02:17:41
原创 網頁製作---瀏覽器兼容性問題
IE浮動下margin產生的雙倍距離，通常使用float:left來實現，瀏覽器存在兼容性問題，導致圖片與 後面的內容存在margin不一致的問題，解決方法就是給圖片添加diaplay:inline即可
2018-08-24 02:17:41
1
原创 CSS3 box-shadow圖層陰影
上一節我們一起探討了一下CSS3的文字陰影text-shadow的使用方法，今天我們接着一起來探討一下CSS3中的另一個屬性box-shadow的使用方法。CSS3的box-shadow有點類似於text-shadow，只不過不同的是te
2018-08-24 02:17:39
5
原创 我的第一段JavaScript---點擊圖標關閉相應內容
如圖右側有個關閉圖標。（只截取了部分內容） JavaScript部分： <script language="javascript" type="text/javascript"> /*** *功能：隱藏 *參數divDisplay
2018-08-24 02:17:39
2
原创 HTML中的行內元素和塊級元素 詳解
在html中，元素主要分爲行內元素和塊級元素； 行內元素指的是書寫完成後不會自動換行，並且元素沒有寬和高。 塊級元素寫完後會自動換行，有寬高可以修改。 還有一種特殊的元素叫做行內塊元素。 大致分內是： 行內元素有：a、abbr、acron
2018-08-24 02:17:39
2
原创 CSS3 text-overflow多行文本溢出顯示省略號
語法： text-overflow：clip | ellipsis 默認值：clip 適用於：所有元素 clip： 當對象內文本溢出時不顯示省略標記（...），而是將溢出的部分裁切掉。 ellipsis： 當對象內文本溢出時顯示省略標記
2018-08-24 02:17:39
2
原创 網頁製作---瀏覽器兼容性問題之表格
我用QQ瀏覽器寫好了一個網頁之後用Google測試兼容打開發現出現了原生列表點。。。 我做了調試後沒有了。。 <style> .list{list-style:none;} </style> <ul class="list"> <li>就
2018-08-24 02:17:39
原创 網頁製作---眉頭（導航欄）及頁尾（版權信息）處理
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登錄頁面</title> <style> p,h1,h2,h3,h4,h5,h6,ul,li{border: m
2018-08-24 02:17:31