<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Ajax</title> <script src="js/jquery-2.1.1.min.js"></script> <style> body{ padding: 50px; fo ...
分类:
Web程序 时间:
2020-06-06 13:08:13
阅读次数:
79
一.元素显示模式 1.概念 元素显示模式就是元素(标签)以什么方式进行显示。 2.分类 分为块元素和行内元素 3.块元素 常见的块元素 <h1>~<h6> <p> <div> <ul> <ol> <li> 等。 特点 : 1.独占一行 2.高度,宽度,行边距,都可以控制 3.宽度默认是容器(父级)宽 ...
分类:
Web程序 时间:
2020-06-06 12:51:38
阅读次数:
57
我们先来看下面这一段代码 html代码 <ul> <li>sdfsdagsdgsa</li> <li>sdfsdagsdgsa</li> <li>sdfsdagsdgsa</li> <li>sdfsdagsdgsa</li> <li>sdfsdagsdgsa</li> <li>sdfsdagsdgs ...
分类:
其他好文 时间:
2020-06-06 10:43:16
阅读次数:
69
// 父节点 parentNode // var erweima = document.querySelector('.erweima'); var ul = document.querySelector('ul'); var lis = ul.querySelectorAll('li'); // ...
分类:
其他好文 时间:
2020-06-05 22:45:01
阅读次数:
76
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .tab-panes ul{ margin: 0; padding: 0; } .tab-panes ul li{ ...
分类:
其他好文 时间:
2020-06-04 21:23:05
阅读次数:
59
前端布局 基础布局,主要展现在移动端,pc端同样适用。分为一栏、两栏、三栏、四栏。这里使用了两种方式实现。首先设置基础样式: /* common css start */ ul{ list-style: none; background: #f0f1f1; padding: 30px 15px; } ...
分类:
Web程序 时间:
2020-06-03 20:26:43
阅读次数:
71
页面做了一个简单的锚点跳转,如下图,我对左侧的四项加了页面定位跳转,也就是跳转至锚点 代码比较简单,和js的DOM操作原理是一样的 <div class="order-view" ref="orderview"> <div class="order-nav"> <ul> <li v-for="(it ...
分类:
其他好文 时间:
2020-06-02 16:05:56
阅读次数:
55
块状元素的特点 (1)独占一行 (2)标签宽度与父标签宽度相同 (3)标签可以设置width、height、padding、border、margin样式,都可以生效 (4)块级元素有:html、body、header、h1-h6、div、p、nav、ul、ol、main、footer、dl、dt、 ...
分类:
其他好文 时间:
2020-06-01 23:52:28
阅读次数:
89
1、默认情况下ul和li前面的实心圆和阿拉伯数字都死在盒模型的padding区域显示的,要想清楚ul的padding的同时保留实心圆和数字在content区域显示的方法:css加list-style-position:1inside(ul的content区域显示) 2 float属性的消除:①、清除 ...
分类:
其他好文 时间:
2020-05-31 16:21:54
阅读次数:
99
//定义导航链接<nav> <!--导航链接标签--> <ul> <!--配合ul使用--> <li>首页</li> <li>关于</li> <li>产品</li> <li>联系</li> </ul> </nav> <header>定义一个页面或是区域的头部</header> <div> <sect ...
分类:
Web程序 时间:
2020-05-31 12:36:22
阅读次数:
143