随笔分类 -  css学习

二级联动
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二级联动</title> <script> //1.创建一个二维数组用于存储省份和城市 var cities = new Array(3); cities[0] = new Arr 阅读全文
posted @ 2020-02-15 16:56 ziyuliu 阅读(286) 评论(0) 推荐(0)
淘宝页面（上半部分）触屏版
摘要：HTML： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--meta name="viewport"是用于设置页面视图 的大小 width=device-width是宽度等于设备的宽度 initial- 阅读全文
posted @ 2020-02-02 19:17 ziyuliu 阅读(396) 评论(0) 推荐(0)
轮播
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div 阅读全文
posted @ 2020-01-31 22:19 ziyuliu 阅读(141) 评论(0) 推荐(0)
定位
摘要：相对定位: position：relative 是相对于自己当前位置的一个移动。原来的位置依然会被占据。 绝对定位： position:absolute 是相对于设定了定位 的父元素或者是祖先元素定位 （最祖先为浏览器），脱离了正常的文档流，不占据之前的任何空间。 固定定位： position:fi 阅读全文
posted @ 2020-01-30 17:22 ziyuliu 阅读(175) 评论(0) 推荐(0)
弹性布局
摘要：弹性容器：在元素上设置了display：flex属性的即为弹性容器，弹性容器上的弹性子元素就会按照弹性布局的方式进行布局 弹性子元素：弹性容器上的直接字元素即为弹性子元素 注意:默认弹性子元素只会排成1行或1列，不会换行。 一、 <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2020-01-30 16:46 ziyuliu 阅读(362) 评论(0) 推荐(0)
box-sizing属性
摘要：content-box:设置的宽高只是内容的宽高，若有内外边距会使得整个元素变大 border-box:设置的宽高是整个元素的大小，无论有无内外边距，大小不变。 阅读全文
posted @ 2020-01-29 21:46 ziyuliu 阅读(121) 评论(0) 推荐(0)
修改样式
摘要：通过style属性修改样式： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>悼念科比</h1> <script type="text/javascript"> //通过s 阅读全文
posted @ 2020-01-27 16:09 ziyuliu 阅读(263) 评论(0) 推荐(0)