- 博客(9)
- 资源 (2)
- 收藏
- 关注
原创 float浮动的详解
首先我们来了解一下文档流: 文档流是文档中可显示对象在排列时所占的位置. (元素在页面中所占的位置) 这个了解了以后接下来我们就谈谈浮动:float float:指定元素设置元素的浮动 值: left – 左浮动 right – 右浮动 float特点: 1 脱离文档流 2 浮动后不占位置. 3 后面的普通元素会战绩浮动元素的位置
2017-08-30 21:13:42 377
原创 box-shadow
box-shadow:水平偏移量 垂直偏移量 模糊半径 扩展半径 颜色 inset内部阴影; X轴:正值往右,负值往左(必须) Y轴:正值往下,负值往上(必须) 模糊半径:圆心牧户半径,值越大,越模糊; 扩展半径:从阴影的中心点开始扩展; 颜色:阴影部分的颜色(必须); inset:内部阴影,盒子以外的都是内部阴影; 默认就是外部阴影:躲在盒子后面,盒子多大它多大.<div></di
2017-08-29 13:15:46 247
原创 选择器的优先级
通配符选择器(*) < 标签选择器 < class类选择器 < ID选择器计算优先级:比个数1 . 选择器相同时,后面的比前面的优先级高. 2 . 首先比ID个数,谁的ID多,谁的优先级就高. 3 . 比class ,谁的clas多,谁的优先级就搞. 4 . 比标签,谁的标签多,谁的优先级就高 5 . ID永远比class高,不管class有多少个.(标签也一样) 内部样式
2017-08-29 13:06:43 361
原创 给元素添加背景图片
1 用行内元素-添加背景图片<ul> <li><span class="item1"></span>秋冬拗造型 .</li> <li><span class="item2"></span>屡登女富豪榜首 </li> <li><span class="item3"></span>英王室175年传家宝 </li> <li><span class="item4"></spa
2017-08-22 11:00:08 1648
转载 css3 flex属性flex-grow、flex-shrink、flex-basis学习笔记
最近在研究css3的flex。遇到的flex:1;这一块,很是很纠结,flex-grow、flex-shrink、flex-basis始终搞不清,最经搜集了大量的介绍,应该能算是明白了。网上大部分解释是flex-grow 是扩展比率flex-shrink 是收缩比率flex-basis 伸缩基准值假设flex盒子父级宽度固定为800px;Flex-grow、Flex-shrink、Flex-
2017-08-21 16:47:30 323
转载 了解一下 display:flex;
一 display:flex;Flex 是Flexuble Box的缩写,意为”弹性盒子”用来为盒状模型提供最大的灵活性.任何一个容器都可以指定为Flex布局..box{ display:flex; }行内元素也可以使用Flex布局..box{ display:inline-flex; }webkit内核的浏览器,必须加上-webkit.box{
2017-08-21 15:14:39 306 1
原创 块级元素和行内元素对比
行内/内联元素: 1 . 由内容撑开宽度和高度. 2 . 支持和其它行内元素在同一行显示. 3. 不支持设置宽度和高度. 4. 支持左右margin,不支持上下margin. 5. 上下padding只对自身有效果,会被其他元素无视. 6. 不能包含块级元素,可以包含行内元素. 注意: ***a标签不能包含a标签.在这里说
2017-08-21 11:43:40 167
转载 css 实现Tab切换
不废话直接上代码 <!DOCTYPE HTML><!--声明HTML文件--><html><!--根标签,网页的开始--> <head><!--给浏览器看的信息--> <title>please enter your title</title> <meta charset="utf-8"><!--编码格式为国际编码UTF-8--> <meta
2017-08-16 14:14:29 518
原创 this指向问题
前言 开写前大家先来理解一下指向:指向,即目标方向、所对的方位。 很多人刚刚接触前端甚至一些“老”前端都经常会在JavaScript中所谓的难点,如this,原型,继承,闭包等这些概念中迷失了自我。接下来这篇文章会把我自己对于JavaScript中这些点通过指向的概念做个总结并分享给大家,希望可以帮助大家更好的了解这些所谓的难点。 一、this this是什么?其实它本身就是一种指向。thi
2017-08-01 13:57:39 280
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人