![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 51
liangxz0311
虽只想平平凡凡,却也要竭尽全力去冷静,踏实。
展开
-
margin-top在什么情况下会影响父div
今天练习制作各式各样的菜单,但是想着既然全部都是菜单,为何要建那么多文档,放在一个页面中的不同div中多好,于是就写了如下代码: <!DOCTYPE html /><html><head> <title>纵向菜单</title> <style type="text/css"> *{margin:0;padding:0;} #listmenu{wid原创 2015-03-28 11:47:41 · 1364 阅读 · 0 评论 -
用CSS实现水平方向菜单&竖直方向菜单&下拉菜单
最近在复习CSS,用CSS做的菜单显示,后面再详解。<!DOCTYPE html /><html><head> <title>纵向菜单</title> <style type="text/css"> *{margin:0;padding:0;} /*制作横向排列的菜单*/ #listmenu{width:100%;height:20原创 2015-03-29 22:29:42 · 5971 阅读 · 0 评论 -
浅谈CSS四大定位:static&relative&absolute&fixed
position属性有四个值,分别是静态定位(static)、相对定位(relative)、绝对定位(absolute)、固定定位(fixed),默认position值是static。使用默认定位值的static效果。<DOCTYPE html /><html><title>position定位</title><style type="text/css"> *{padding:0原创 2015-03-30 20:51:47 · 1041 阅读 · 0 评论 -
浮动中的overflow:hidden
最近一直为overflow这个属性感到困惑,因为很多时候用了它,会与想要的结果相差甚远,经过几个小时的测试,终于对overflow有了比较清晰的了解。这是一个小例子:<!DOCTYPE html><html><head><title>overflow</title> <link rel="shortcut icon" href="images/1.jpg" type="image/x-原创 2015-03-30 22:35:12 · 380 阅读 · 0 评论 -
CSS画三角形集锦
triangle_up 向上三角形代码: <style type="text/css"> .tri-up { border-color: #FFF #FFF #EED2EE #FFF; border-style: solid; border-width: 0 60px 100px 60px;原创 2015-08-18 20:36:51 · 699 阅读 · 0 评论 -
display属性值之block、inline和inline-block
先说说display:block属性: A. 设置了block的元素block独立占一行位置,后继的每个block都会在重起一行,默认情况下(不设置宽和高),block元素宽度自动填满其父元素宽度,高度则看它占的高度。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素还可以设置ma原创 2015-08-07 10:28:33 · 608 阅读 · 0 评论 -
visibility:hidden和display:none的区别
今天在实现一个隐藏功能的时候用了display:none,后来发现它占据的地方居然没了就用了visibility:hidden;后来自己测试了一下,这两个果真是有区别的。 接着看图: visibility:hidden: display:none: 发现了吧,display:none,隐藏了并且它占据的地方也没了;visibility:hidden隐藏了但是占据的地方还在。请多多原创 2015-09-17 21:31:27 · 678 阅读 · 0 评论