css
ElinorY
it crown
展开
-
三级导航
三级导航算是一个比较常见的网页结构,下面想把自己弄了很久的三级导航的思路再理一下(主要是hover和定位的应用)~方便日后回顾。(代码附在文本下方)整体先从一级导航开始,设置了五个一级导航,给导航设置了相应的宽,高度(.titl中设置)~因为二级导航会扩展竖直方向上整体的高度,所以.list1_sty1的heigtht设置为auto让它的高度被后续元素撑起来 三级导航只要设置一个绝对定位(abs...原创 2019-03-17 00:30:15 · 7087 阅读 · 4 评论 -
css+html页面的碎碎念
这是网页头,清理一些默认样式~*{ margin: 0; padding: 0; font-family: '微软雅黑'; }划过导航头变黑: <div class="nav"> <a href="#">HOME</a> <a href="#">ABOUT</a> <a hre...原创 2019-03-18 23:55:29 · 315 阅读 · 1 评论 -
css各种奇怪的居中方法~
转载:https://www.cnblogs.com/2050/p/3392803.html博主总结得很详细~转载 2019-03-18 23:56:43 · 155 阅读 · 0 评论 -
position和relative以及z-index的一些小坑坑
relative和absolute要在父元素和子元素上才有效果当他们不是父子元素的时候,absolute其实是相对于body定位的这里就是应证了上面的一个层叠问题,在这里z-index设置是无效的,黄色依旧被紫色覆盖了这里把z-index设置在absolute的d上就可以了…不知道为啥单独给c设置index很大的数值是无效的…或者两个都设置…...原创 2019-03-25 22:19:18 · 4865 阅读 · 2 评论 -
css中text-indent的一些总结~
text-indent这个css属性一般是用来设置文本的缩进,一般而言text-indent是只用在块级元素上面的,而不用在内联元素上面,text-indent的数值可以是正也可以是负(em或者px),还可以设置%例如:1.使得任何段落首行缩进两个字符大小p{text-indent:2em;}2.使得段落首行向前移动2个字符大小p{text-indent:-2em;}3.%的使...原创 2019-03-30 23:54:04 · 2454 阅读 · 0 评论 -
overflow:hidden不一定隐藏元素(转)
overflow:hidden不一定隐藏元素转载 2019-03-29 12:18:04 · 401 阅读 · 0 评论
分享