$("#id", ".class") 复合选择器 $(div p span) 层级选择器 //div下的p元素中的span元素 $(div>p) 父子选择器 //div下的所有p元素 $(div+p) 相邻元素选择器 //div后面的p元素(仅一个p) $(div~p) 兄弟选择器 //div后面的 ...
分类:
Web程序 时间:
2020-03-05 22:10:39
阅读次数:
94
css简介css(Cascading Style Sheets)层叠样式表作用 修饰网页信息的显示样式层叠性 给同一个元素添加相同的css属性,属性值会存在覆盖问题 从上往下 下面代码覆盖上面代码 css语法选择符+声明选择符{属性:属性值} eg:div{width:500px;}注意 属性 属性 ...
分类:
Web程序 时间:
2020-02-29 22:39:35
阅读次数:
100
1.情景: 设置为display:none的必填字段,在点击提交(form 包含 class="layui-form";button包含属性 lay-submit)的时候,依旧验证。 2.解决办法,js中: 给隐藏的元素 lay-verify 属性置空,如:lay-verify=""; ...
分类:
其他好文 时间:
2020-02-27 18:48:11
阅读次数:
601
最近爬取一个网站时,遇到div 的CSS中overflow-y:hidden 解决方法: 利用执行js,改变DIV 的CSS 属性 然后,让屏幕向移动 js =js ="document.getElementById('frozen-west').style='overflow: scroll; p ...
分类:
其他好文 时间:
2020-02-27 15:53:00
阅读次数:
66
1、利用给元素添加行内样式:visibility:hidden;display:block 2、让隐藏元素变成有物理尺寸存在,但不可见,获取元素宽高 3、再给它还原成display为none,去除visibility //#step-2默认是隐藏 display:none //添加样式,物理可见 $ ...
分类:
Web程序 时间:
2020-02-26 22:58:26
阅读次数:
173
1、opacity:0 2、visibility:hidden 3、diaplay:none 4、position:absolute display display属性依照词义真正隐藏元素。将display属性设为none确保元素不可见并且连盒模型也不生成。使用这个属性,被隐藏的元素不占据任何空间。 ...
分类:
Web程序 时间:
2020-02-22 11:59:42
阅读次数:
81
浮动和显示 1.浮动 左浮动 float:left; 右浮动 float:right; 清除左浮动 clear:left; 清除右浮动 clear:right; 清除两边浮动 clear:both; 2.显示和隐藏 隐藏元素 disolay:none; 将元素变成块级 display:block; ...
分类:
Web程序 时间:
2020-02-18 09:51:52
阅读次数:
70
1、头部:主要运用了栅格系统(对于不同的设备应该如何布局来适应屏幕,如何隐藏元素等) <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <img src="img/ ...
分类:
其他好文 时间:
2020-01-29 21:26:30
阅读次数:
80
可以通过JS修改元素的大小、颜色、位置等样式。 有两种方式:①element.style——行内样式操作 ②element.className——类名样式操作 案例分析: ①核心思路:利用样式的显示和隐藏完成,display:none隐藏元素,display:block显示元素; ②点击按钮,把二维 ...
分类:
其他好文 时间:
2020-01-03 23:17:46
阅读次数:
80
display属性共有4个值:blcok:块级元素inline-block:行内块级元素inline:行内元素none:隐藏元素,不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等块级元素会默认占满父元素的宽度且独占一行<div><p>尽可能的占满父元素的宽度</p></div>2.行内元素常见的行内元素有span,im
分类:
Web程序 时间:
2020-01-03 00:44:04
阅读次数:
115