自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一根破棍子的博客

做前端的厨子

  • 博客(16)
  • 收藏
  • 关注

原创 box-shadow和text-shadow的比较

一、box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;box-shadow: apx bpx cpx rgba(0, 0, 0, 0.5);h-shadow: 必需。水平阴影的位置。允许负值。如果是正的,则阴影在box的右侧,反之在左v-shadow: 必需。垂直阴影的位置。允

2018-05-09 14:12:15 1728

原创 CSS文档流与块级元素(block)、内联元素(inline)

CSS文档流与块级元素(block)、内联元素(inline)文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端。 若当前行容不下, 则另起新行再浮动。内联元素也不会独占一行。 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种情况将使得元素脱离

2018-05-09 14:08:41 467

原创 CSS3属性transform详解

在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理一.旋转 rotate用法:transform: rotate(45deg);共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。二.缩放 scale用法:transform: scale(0.5)  或者  transform: sca...

2018-04-17 11:34:59 616

原创 CSS3选择器:nth-child和:nth-of-type之间的差异

nth-childnth-of-type

2018-04-16 17:07:27 176

原创 清除浮动的三种方法

1.什么时候需要清除浮动?清除浮动有哪些方法?(1)对元素进行了浮动(float)后,该元素就会脱离文档流,浮动在文档之上。在CSS中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。float主要流行与页面布局,然后在使用后没有清除浮动,就会后患无穷。先看实例:<div class="outer"><div class="div1">1</d...

2018-04-16 11:31:10 399

原创 CSS定位和居中

一图胜千言absolute 元素的定位是上溯父级元素,找第一个不是 static 的元素,以其为 absolute 的基准。所以题目补充说明里的说法是不准确的。实际上如果父级元素是绝对定位,则里面的绝对定位自动以此父级元素定位如果父级元素全都没有设置(static),则里面的绝对定位以 body 定位...

2018-04-11 08:56:22 335

原创 认识viewport

我们可以通过一个简单的例子推翻这种说法:将根元素html的高度设置为超过viewport高度,如5000px(假设viewport高度为500px),再将一个没有最近的非static祖先元素的绝对定位元素的bottom设置为0,尺寸为100px*100px即可。如果真如该书中所言,那么在首屏时,该绝对定位元素是被隐藏在滚动条下面的

2018-04-10 17:09:43 135

转载 CSS类名命名规则

CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot, #footer页脚部分#nav主导航#subnav二级导航#menu菜单#submenu子菜单#sideBar侧栏#sidebar_a, #sidebar_b左边栏或右边栏#main页面主体#tag标签#ms...

2018-03-30 15:08:12 20487

原创 就今天给body设置宽高并设置背景颜色的疑问和理解

问题:在给body设置了1000px的宽度并且设置了红色为背景颜色,红色覆盖了整个页面而不是只覆盖1000px的宽度网上找到的说法是这样的下面验证一下这个想法首先创建好一个基本的html文件,设body的背景色为red效果如下接着,向body里面加个div,给背景设为白色,然后居中,并且不给div宽度,代码如下 效果如下  body的实际宽度是和子类div中的宽度一样的,那为什么body的背景是覆...

2018-03-29 14:18:59 6893

原创 error: failed to push some refs to git的解决办法

本地创建了版本库,github上面也创建了仓库,但是在本地使用push,pull命令都没有用,提示错误错误代码:$ git push -u origin masterTo github.com:wangqh7812/Demo.git ! [rejected]        master -> master (non-fast-forward)error: failed to push som...

2018-03-28 16:23:48 3180 2

原创 JetBrains系列WebStorm等中文输入法无法跟随光标的问题的解决办法

将WebStorm升级之后,发现在编辑器中使用输入法的时候选词提示框无法跟随光标,只在右下角显示,查阅了一些资料,原来是程序自带的OpenJDK(经过JetBrains编译的,可以在https://dl.bintray.com/jetbrains/intellij-jdk/中查看所有编译的列表)跟中文输入法有冲突,并且这个问题在所有的JetBrains系列(如IntelliJ IDEA)2017版...

2018-03-13 11:15:18 8182 3

原创 a:link,a:visited,a:hover,a:active

link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候 正确顺序:lvha(驴哈)

2017-11-29 16:59:19 212

原创 ul,li无法撑开div的问题

ul,li添加了浮动的情况下,就会导致即使内容超过了div自身的高度也无法把div撑开,高度为0解决的办法1.在父容器结束前,也就是在后面加入一个class为clearfloat的div,然后将div的CSS属性设置上clear:both,就可以完美解决2.在父元素设置属性overflow:auto; zoom:1;  即可 overflow:auto;是让高度自适应,

2017-11-29 16:39:00 6118

原创 addClass、removeClass、toggleClass三者的区别

.addClass(“className”)方法是用来给指定元素增加类名,也就是说给指定的元素追加样式; .removeClass(“className”)方法是用来给指定的元素移除类名,也就是说给指定元素移除样式; .toggleClass(“className”)方法是用来给脂定的元素增加或移除类名(如果元素的类名存在就移除,如果不存在就增加),也就是说用来给指定的元素进行样式切换(如

2017-09-01 17:01:04 4727

转载 CSS使图片居中的三种方法

1.利用display:table-cell,具体代码如下:html代码如下:1 div class="img_wrap">2   img src="wgs.jpg">3 div>css代码如下:1 .img_wrap{2 width: 400px;3 height: 300px;4 border: 1px dashed #ccc;

2017-07-13 18:11:03 115582 4

转载 CSS里面水平垂直居中的问题

一:概念  介绍一下行内元素和块级元素,这个很重要,因为有的属性只能用于块元素,而有的正好相反,在一定的情况下,它们也可以相互转换,比如用display来进行设置。1.行内元素(又叫内联元素inline element):    (1) 不占据一整行,随内容而定,有以下特点:    (2) 不可以设置宽高,也不可以设置行高,其宽度随着内容增加,高度随字体大小而改变。  (3)

2017-06-23 17:03:40 289

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除