摘要: 效果图: 制作思路: [html] 1.8个图片可点击跳转,用ul>li8>a>img 2.8个圆点用div>a8 [css] 3.ul设置居中margin,如果不设置宽和高,默认100%的宽(设置overflow隐藏框外面的图片) 4.li设置绝对定位,让其重叠 5.针对某个图片设置:nth-ch 阅读全文
posted @ 2020-10-12 16:57 悦颜悦色,柠月清风 阅读(318) 评论(0) 推荐(0)
摘要: 效果图: 层级说明: 对于开启了定位的元素(非static),可以通过z-index属性来制定元素的层级 z-index需要一个整数作为参数,整数越大,层级越高,元素的层级越高越优先显示 如果元素的层级一样,则优先显示靠下的元素 层级与定位类型无关 需求:3盖住4 祖先元素的层级再高,也不会盖住后代 阅读全文
posted @ 2020-10-12 10:32 悦颜悦色,柠月清风 阅读(100) 评论(0) 推荐(0)
摘要: 简介 定位是一种更加高级的布局手段 通过定位可以将一个元素摆放到页面的任意位置 在style中使用position属性来定位 可选值: - static 默认值,元素静止,没有开启定位 - relative 开启元素的相对定位 - absolute 开启元素的绝对定位 - fixed 开启元素的固定 阅读全文
posted @ 2020-10-08 16:26 悦颜悦色,柠月清风 阅读(151) 评论(0) 推荐(0)
摘要: 效果图: 制作思路: [html] 1.导航栏固定宽、高,可以用ul>li*7、nav套a、div套a [css] 2.设置ul、nav、div宽高背景颜色 3.设置li水平布局(左浮动)、行高(行高可以把li的高度撑开,所以可以不用设置高度) 4.设置a清除下划线、字体颜色、字体大小,由于a是行内 阅读全文
posted @ 2020-10-04 14:11 悦颜悦色,柠月清风 阅读(282) 评论(0) 推荐(0)
摘要: 效果图: 制作思路: [html] 1.整体用div标签嵌套div(标题)、div(图片)、ul>li*4(列表) 2.标题中军事和航空都可以点击,所以用a标签嵌套h2标签,·用span标签 3.图片可以被点击,用a标签嵌套img、h3标签 4.列表可点击,li标签嵌套a标签,a标签中放入文字 [c 阅读全文
posted @ 2020-10-03 00:54 悦颜悦色,柠月清风 阅读(610) 评论(0) 推荐(0)
摘要: 效果图: 制作思路: [html] 1.创建一个外部容器(内容),可以使用nav、div、ul nav(div) div(div) ul(li) 2.div里面放超链接a及文字 3.去除换行产生的空格,在父元素上用font-size:0; [css] 4.清除所有样式,引入外部样式 <link re 阅读全文
posted @ 2020-10-02 13:43 悦颜悦色,柠月清风 阅读(472) 评论(0) 推荐(0)
摘要: 效果图: 制作思路: [html] 1.ul>li*3,块元素好布局鸭~ 2.li中套a标签,可以点击跳转,a标签中套img标签 [css] 3.布局好了之后,清除所有样式,从0开始吧~ <link rel="stylesheet" href="../css/reset.css"> <link re 阅读全文
posted @ 2020-10-02 10:47 悦颜悦色,柠月清风 阅读(382) 评论(0) 推荐(0)
摘要: 软件测试按照测试阶段、测试手段、测试模式进行分类 阅读全文
posted @ 2019-02-07 13:00 悦颜悦色,柠月清风 阅读(165) 评论(0) 推荐(0)
点击右上角即可分享
微信分享提示