ul

ul精品文章

• 

  前端每日实战：138# 视频演示如何用纯 CSS 创作一张 iPhone 价格信息图

  ...lex; align-items: center; } .back { justify-content: flex-end; } ul { list-style-type: none; padding: 0; } 设置标题样式： h1 { position: relative; width: 20em; margin: 1em; ...

  OnlyLing 2019-08-02 16:06 评论0 收藏0
• 

  前端每日实战：138# 视频演示如何用纯 CSS 创作一张 iPhone 价格信息图

  ...lex; align-items: center; } .back { justify-content: flex-end; } ul { list-style-type: none; padding: 0; } 设置标题样式： h1 { position: relative; width: 20em; margin: 1em; ...

  shiweifu 2019-08-30 15:54 评论0 收藏0
• 

  原生 js 实现移动端 Touch 滑动反弹

  ...宽高 */ /* 注意设置overflow: hidden;样式后，超出这个盒子的ul将不会显示 */ .draw { width: 60px; height: 500px; border: 2px solid #ccc; overflow: hidden; position: fixed; left: 10px; top: 50%; transform: t...

  xiongzenghui 2019-08-30 15:55 评论0 收藏0
• 

  原生 js 实现移动端 Touch 滑动反弹

  ...宽高 */ /* 注意设置overflow: hidden;样式后，超出这个盒子的ul将不会显示 */ .draw { width: 60px; height: 500px; border: 2px solid #ccc; overflow: hidden; position: fixed; left: 10px; top: 50%; transform: t...

  instein 2019-08-23 14:39 评论0 收藏0
• 

  html下拉菜单的实现方式

  ... height: 40px; margin: 0 auto; } #nav ul{/*去掉点点*/ list-style: none; } #nav ul li{/*每一个li左浮动形成横排，高度占满父容器形成文字垂直居中，文字水平居中*/ ...

  Awbeci 2019-08-29 12:40 评论0 收藏0
• 

  html下拉菜单的实现方式

  ... height: 40px; margin: 0 auto; } #nav ul{/*去掉点点*/ list-style: none; } #nav ul li{/*每一个li左浮动形成横排，高度占满父容器形成文字垂直居中，文字水平居中*/ ...

  李昌杰 2019-08-20 17:01 评论0 收藏0
• 

  html下拉菜单的实现方式

  ... height: 40px; margin: 0 auto; } #nav ul{/*去掉点点*/ list-style: none; } #nav ul li{/*每一个li左浮动形成横排，高度占满父容器形成文字垂直居中，文字水平居中*/ ...

  lolomaco 2019-08-01 16:55 评论0 收藏0
• 

  CSS3热身实战--过渡与动画（实现炫酷下拉，手风琴，无缝滚动）

  ...先页面的布局，这个应该大家都知道，菜单无非就是一个ul-li列表，下拉列表就是li下面的一个ul-li。 reset.css（样式重置表和个人常用样式封装） *{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ol,ul{list-style:none}address,caption,c...

  zqhxuyuan 2019-08-29 13:03 评论0 收藏0
• 

  几种原生js轮播图

  ...号记录实现的思路 1.普通版 原理：一个包含多张图片的ul,其中所有的li左浮动成一排，实际过程就是将ul往左（右）边移动，改变left值。 效果图：实际应用的时候.screen的overflow:hidden。只能看到中间方框的部分在线demo HTML ...

  CollinPeng 2019-08-01 17:32 评论0 收藏0
• 

  几种原生js轮播图

  ...号记录实现的思路 1.普通版 原理：一个包含多张图片的ul,其中所有的li左浮动成一排，实际过程就是将ul往左（右）边移动，改变left值。 效果图：实际应用的时候.screen的overflow:hidden。只能看到中间方框的部分在线demo HTML ...

  Jenny_Tong 2019-08-21 16:17 评论0 收藏0
• 

  几种原生js轮播图

  ...号记录实现的思路 1.普通版 原理：一个包含多张图片的ul,其中所有的li左浮动成一排，实际过程就是将ul往左（右）边移动，改变left值。 效果图：实际应用的时候.screen的overflow:hidden。只能看到中间方框的部分在线demo HTML ...

  cod7ce 2019-08-29 13:21 评论0 收藏0
• 

  jQuery 入门详解（一）

  ...的值 2.2 层级选择器 名称 用法 描述 子代选择器 $(ul>li); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素 后代选择器 $(ul li); 使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等 示例代...

  only_do 2019-08-22 15:20 评论0 收藏0
• 

  小白成长日记：一步一步写个轮播图插件

  ...n:0; padding: 0; } li{ list-style: none; } ul{ display: flex; position: relative; } .contain{ width: 600px; overflow: hidden;...

  notebin 2019-08-22 11:15 评论0 收藏0