原创 用列表和浮動實現導航欄
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:
2020-06-21 19:22:36
原创 HTML5簡介以及新增的一些標籤和屬性
html5: 新增了一些更有語義的標籤,新增了一些標籤的屬性,新增了一些api(application programming interface),應用程序接口,接口可以認爲是一種協議,繪製圖形,本地存儲,地理位置,不支持ie678。
2020-06-21 19:22:36
原创 盒子模型小練習
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ mar
2020-06-21 19:22:36
原创 CSS3--------旋轉
1、旋轉: rotate(角度deg),沿着z軸旋轉,正值是順時針,負值是逆時針旋轉 transform: rotate(180deg); 2、 旋轉中心點: transform-origin 水平 垂直
2020-06-21 19:22:36
原创 CSS----絕對定位、相對定位、定位的水平垂直居中、定位的層級
定位: position 也是一個屬性position,當元素設置定位後,可以精確的設置在網頁中一個具體的座標位置,定位是 一個完全脫離標準流的狀態,不會影響周圍的元素。 相對定位: position: relative; 也叫佔位定位,
2020-06-21 19:22:36
原创 CSS3--------動畫的單屬性、動畫的複合屬性、動畫外屬性
1、動畫名稱：animation-name: donghua; 2、動畫時間：animation-duration: 2s; 3、動畫的方式：和過渡的方式一樣,默認是ease,也可以用貝塞爾曲線,在每個關鍵幀區間,進行一遍動畫方式 4、動
2020-06-21 19:22:36
原创 CSS3---------關係選擇器
<style type="text/css"> /*.box後代一級的p（兒子）*/ .box>p{ color: red; font-weight: 700; } </style>
2020-06-21 19:22:36
原创 CSS3--------------漸變
線性漸變: 是背景圖的技術,沿着一條軸線,進行顏色過渡變換,最少是兩個顏色 方向,顏色1,顏色2,....(默認將顏色等分) 方向:
2020-06-21 19:22:36
原创 CSS3---------------否定僞類選擇器
<style type="text/css"> /* 站在父元素的角度,只能有一個span子元素 */ /* .box span:only-child{ color:red } */ /
2020-06-21 19:22:36
原创 CSS3--------------彈性佈局以及其屬性總結
彈性佈局: 伸縮佈局 彈性盒子 flex佈局 彈性佈局是父級和子級之間的關係(父親和兒子) 父級:彈性空間 子級:彈性元素(彈性項,彈性項目),設置寬高起作用
2020-06-21 19:22:35
原创 CSS3--------------背景裁剪屬性
<style type="text/css"> .box{ width: 200px; height: 200px; margin: 100px auto; background: url(練習/i
2020-02-20 21:01:25
原创 CSS3------------背景起始位置、背景縮放屬性
1、背景起始位置：background-origin 背景起始位置： padding-box(默認值):起始位置是padding border-box:起始位置是border content-b
2020-02-20 21:01:25
原创 僞元素，::before和::after
<style type="text/css"> .box{ width: 300px; height: 300px; background: pink; position: relative;
2020-02-20 21:01:25
原创 浮動實現文本環繞效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css
2020-02-20 21:01:25
原创 CSS3--------------固定背景、多重背景
1、background-attachment scroll:滾動背景,參考點是盒子的內部,當盒子移動,背景也跟着移動 fixed: 固定背景,參考點永遠是窗口,給哪個元素設置的背景圖,纔可以通過這個元素看到背景圖 2、多重背景:背景圖可
2020-02-20 21:01:25