原创 使用純 CSS3 動畫實現地球轉動
<!doctype html> <html> <head> <meta charset="utf-8"> <title>旋轉</title> <style> * {margin:0; padding:0; border:0;} div {
2020-07-03 23:20:31
4
原创 導航欄例子
<!doctype html> <html> <head> <meta charset="utf-8"> <title>導航欄</title> <style> * {margin:0; padding:0; border:0;} .ou
2020-07-03 23:20:31
原创 使用overflow/text-overflow時要注意父元素的float和width
<html> <head> <title>無標題文檔</title <style type="text/css"> div#outter {widt
2020-07-03 23:20:31
原创 利用CSS3 2D轉換實現地球轉動
<!doctype html> <html> <head> <meta charset="utf-8"> <title>旋轉</title> <style> * {margin:0; padding:0; border:0;} div {
2020-07-03 23:20:31
1
原创 border-color設置爲transparent，但卻不透明的原因
border-color：transparent; CSS中這樣設置，發現邊框還是有顏色，爲什麼呢？ W3C有這樣的解釋： CSS 規範指出，邊框繪製在“元素的背景之上”。這很重要，因爲有些邊框是“間斷的”（例如，點線邊框或虛線框），
2020-07-03 23:20:31
2
原创 圖片延遲加載——例子
<!doctype html> <html> <head> <meta charset="utf-8"> <title>圖片延遲加載</title> </head> <style> * {margin:0; border:0; paddi
2020-07-03 23:20:31
1
原创 INSTALL_PARSE_FAILED_MANIFEST_MALFORMED問題
今天遇到了這個問題，後來發現是在新建Android Project 填寫package name的時候包名首字母大寫了，改成小寫就沒事了。
2020-02-21 17:40:01
原创 滾動頁面，然後再執行CSS3 動畫
<!doctype html> <html> <head> <meta charset="utf-8"> <title>動態CSS3動畫</title> <style> * {margin:0; border:0; padding:0;}
2020-02-21 17:40:01
原创 margin外邊距合併
之前遇到了一個問題： XML/HTML code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2
2020-02-21 17:40:01
原创 CSS選擇器樣式和style屬性樣式優先級
標籤選擇器 tag{} priority = 1； 類選擇器 .class{} priority = 10； Id選擇器 #id{} priority = 100； style屬性樣式 priority = 1000； priority值
2020-02-21 17:40:01
原创 使用僞元素(：after）清除浮動元素
<!doctype html> <html> <head> <meta charset="utf-8"> <title>清除浮動元素</title> <style> * {margin:0; padding:0; border:0;} #
2020-02-21 17:40:01
原创 元素position設置爲fixed而未指定top、bottom、left、right時的定位
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <m
2020-02-21 17:40:01
原创 ckplayer插件播放m3u8視頻
var flashvars = { f: 'ckplayer/m3u8.swf', //使用swf向播放器發送視頻地址進行播放 a: 'video/m.m3u8', //m3u8文件 c: 0, //調用 ckplayer.
2020-02-21 17:39:51
原创 通過@media規則實現網頁的屏幕自適應
<!doctype html> <html> <head> <meta charset="utf-8"> <title>@media</title>
2020-02-21 17:39:51
原创 單擊網頁中的按鈕，彈出對話框
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <style> * {margin:0; padding:0; border:0} #di
2020-02-21 17:39:51