- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 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
2511
原创 js实现轮播图
轮播的背景图实际上都被层叠了在一个位置上(在这里使用的是 absolute这个属性)下面是html的图片部分: <div class="picture" id="picture"> <a href="" title="" class="active"> <div class="pi" id='pi'> <img src="img...
2019-03-29 17:14:36
372
1
原创 js二级导航的一些补充
因为想给一级菜单设置一个半透明的背景(这个版透明背景在有背景图的情况下是可以穿透的显示背景图的)。所以单独用一个名为bg的盒子去装载这一个背景层。 设置的时候 背景色使用rgba可以调节背景图的透明度,额外的opacity可以在原基础上再进一步的调节透明度。 先设置主菜单,因为每一个菜单项,都要绑定一个onmouseover事件,所以每一个一级菜单都要用一个div盒子装载起来(na...
2019-03-29 12:11:47
643
原创 js实现二级导航
贴下效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 导航栏 --> <style> .page{ width: 960px; ...
2019-03-29 11:36:16
2762
原创 position和relative以及z-index的一些小坑坑
relative和absolute要在父元素和子元素上才有效果当他们不是父子元素的时候,absolute其实是相对于body定位的这里就是应证了上面的一个层叠问题,在这里z-index设置是无效的,黄色依旧被紫色覆盖了这里把z-index设置在absolute的d上就可以了…不知道为啥单独给c设置index很大的数值是无效的…或者两个都设置…...
2019-03-25 22:19:18
4914
2
转载 myesclipse和esclipse上的项目上传到码云上
看到一个有用的博文,帮助大家把myesclipse和esclipse上的项目上传到码云上~(无git下载)两个ide情况一致,不许区分~
2019-03-20 12:21:27
193
原创 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
336
1
原创 三级导航
三级导航算是一个比较常见的网页结构,下面想把自己弄了很久的三级导航的思路再理一下(主要是hover和定位的应用)~方便日后回顾。(代码附在文本下方)整体先从一级导航开始,设置了五个一级导航,给导航设置了相应的宽,高度(.titl中设置)~因为二级导航会扩展竖直方向上整体的高度,所以.list1_sty1的heigtht设置为auto让它的高度被后续元素撑起来 三级导航只要设置一个绝对定位(abs...
2019-03-17 00:30:15
7388
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人