css学习
关注
分享
扫一扫
DrugsZ
这个作者很懒，什么都没留下…
展开
-
关于定位的问题
关于css中position定位的问题。今天在看css中关于定位的问题时发现的，百度上大多数都是说子元素定位值为absolute时，父元素position的值应该是relative；可是在实际实验中并不是，在定位上，如果position属性为absolute，那么说明该元素脱离了文档流。也就是说他不是相对于其前一个兄弟元素进行定位。而是转而相对于其包含块进行定位。如果一个元素进行了posi原创 2016-11-16 21:41:34 · 272 阅读 · 0 评论 -
关于border-radius设置问题
IFE第四个问题是关于垂直居中的。就是这样一张图。这个还是很简单的。在做到里面那两个小的黄色部分的时候。要用到border-radius属性。而且只是设置一个角的属性。不过当我用webstorm自动联想的出错了，于是决定去w3c查一查为什么。然后就看到了这么个代码。我很疑惑啊。上网查了一下为什么。简单来说。border-radius只是一个缩写。是把四个角的属性都给设置了。原创 2017-03-06 19:27:37 · 2447 阅读 · 0 评论 -
ife总结
第六个任务是模拟报纸。刚看到的时候觉得挺简单的，但是真的上手才发现坑好多，而且发现自己最薄弱的一点就是在定位上。一个position一个float真的是弄得欲仙欲死。结果代码结构混乱。css类也多的不像话。但是还是弄出来了。也挺不容易的。但是不能自傲，鉴于很多坑的点都在定位上。而且是经验上的错误。这里就不总结了。总结也总结不出来个啥的。主要是有一个浮动问题。要重点记一下。如果一个div中有两个块级原创 2017-03-08 22:32:08 · 504 阅读 · 0 评论 -
关于css清除浮动原理解析
近来在做仿站练习的时候看到每个网站采用浮动清理的方法都各不相同，有的甚至同一个网页采用了不同的清理方法，是时候要在这方面做个总结了。之所以要进行浮动清理，是因为浮动的元素会脱离普通流，导致父容器不能够包含浮动元素。我们希望是这样： 结果是这样：看了一下网上的方法，无非是两种原理：1、利用clea转载 2017-02-25 20:15:22 · 436 阅读 · 0 评论 -
子元素margin-top为何会影响父元素？
原文地址：http://blog.csdn.net/sinat_27088253/article/details/52954688问题如下 一段很简单的代码：css如下：style type="text/css"> *{ margin: 0px; padding: 0px; } .show{转载 2017-02-28 22:58:06 · 356 阅读 · 0 评论 -
关于css important属性的一些想法
css继承中有一个就近原则，首先来说important属性无法影响就近原则。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:red; } ul原创 2017-02-06 16:26:46 · 391 阅读 · 0 评论 -
小米鼠标悬停浮动模块
Title *{ margin:0; padding:0px; } .item{ width:235px; height:300px; background:orange;margin:100px auto原创 2016-12-05 21:43:24 · 919 阅读 · 0 评论 -
demo
css回到微信按钮原创 2016-12-05 21:42:47 · 311 阅读 · 0 评论 -
display的取值问题
display总共有五种类型的值，none，block，inline，inling-block，table-cell；none都明白，table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。而block，inline，inline-block则是设置元素是块级元素还是行内元素，众所周知，元素有块级元素，行内元素两种，p，div，table，from一类的都是块级元素，块级元素与原创 2016-11-17 21:10:13 · 1467 阅读 · 0 评论 -
关于z-index与transform同时使用时的一些感想
这篇文章是在我做一个效果是产生的。 陪我逛街卡 使用该卡，无条件陪逛街3小时原创 2017-05-22 22:28:10 · 1788 阅读 · 0 评论