2020年1月19日
05-CSS3转换
摘要： transform rotate（旋转） transform: rotate(xdeg); //表示该容器按照x度旋转 //角度为正，顺时针方向。角度为负，逆时针方向。 translate（平移） transform: translateX(xxpx); //水平方向往右移动xx像素。（除了像素单位 阅读全文
posted @ 2020-01-19 17:01 JaydenQiu 阅读(152) 评论(0) 推荐(0)
04-CSS3文本与字体
摘要： 文本 text-shadow text-shadow: h-shadow v-shadow blur color; //应用于阴影文本h-shadow：水平方向v-shadow：垂直方向blur：模糊值color：阴影颜色 text-outline text-outline: thickness b 阅读全文
posted @ 2020-01-19 16:17 JaydenQiu 阅读(125) 评论(0) 推荐(0)
03-CSS3背景与渐变
摘要： CSS3的背景缩写 background: color position size repeat origin clip attachment image;//按照该顺序，不能省略 background-clip background-clip: border-box | padding-box | 阅读全文
posted @ 2020-01-19 15:37 JaydenQiu 阅读(173) 评论(0) 推荐(0)
02-CSS3边框与圆角
摘要： border-radius属性(圆角) border-radius: length / %单独设定某个角 border-top-left-radius //左上角 border-top-right-radius //右上角 border-bottom-right-radius //右下角 borde 阅读全文
posted @ 2020-01-19 13:35 JaydenQiu 阅读(133) 评论(0) 推荐(0)
2020年1月18日
01-CSS3选择器
摘要： 基本选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 子元素选择器 div > span //div元素里面的span元素 //子选择器只能选择某元素的子元素 相邻兄弟元素选择器 #aa + #bb //aa元素 相邻后面的 bb元素（单选）//相邻兄弟选择器可以选择，紧接在另一元 阅读全文
posted @ 2020-01-18 22:26 JaydenQiu 阅读(181) 评论(0) 推荐(0)
03-项目：H5布局
摘要： 阅读全文
posted @ 2020-01-18 17:12 JaydenQiu 阅读(132) 评论(0) 推荐(0)
02-HTML5属性变化
摘要： input新增属性 datepickers <input type="email" name="">//手机端会有@xxx.com输入提示 <input type="url" name=""> //手机端会有.com输入提示 <input type="tel" name="">//安卓手机端会出现简 阅读全文
posted @ 2020-01-18 16:59 JaydenQiu 阅读(157) 评论(0) 推荐(0)
01-HTML5标签变化
摘要： 结构标签（有意义的div） <header>标记定义一个页面或一个区域的头部</header> <nav>标记定义导航链接</nav> <section>标记定义一个区域</section> <article>标记定义一篇文章</article> <aside>标记定义页面内容部分的侧边栏</asi 阅读全文
posted @ 2020-01-18 15:29 JaydenQiu 阅读(149) 评论(0) 推荐(0)
09-CSS定位（position）
摘要： 静态定位：使元素定位于常规流中 position: static; 1、忽略top,bottom,left,right,z-index。2、两个相邻元素如果设置了外边距，最终外边距 = 两者外边距最大的。3、具有 固定的width和height值的元素，如果左右外边距设置成auto，左右外边距会自动 阅读全文
posted @ 2020-01-18 14:29 JaydenQiu 阅读(119) 评论(0) 推荐(0)
08-float浮动
摘要： float（浮动） left：左浮动 right：右浮动 清除浮动方法一 .clear{ clear:both;} <div class = "clear"> </div> //浮动元素后使用一个空元素 清除浮动方法二 overflow:hidden; //给浮动元素的父级添加 zoom:1; // 阅读全文
posted @ 2020-01-18 12:28 JaydenQiu 阅读(94) 评论(0) 推荐(0)