维护css弊端 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。 + CSS 需要书写大量看似没有逻辑的代码,CSS 冗余度是比较高的。 + 不方便维护及扩展,不利于复用。 + CSS 没有很好的计算能力 + 非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组 ...
分类:
其他好文 时间:
2019-12-31 21:58:04
阅读次数:
88
id选择器 #abc {} 类选择器 .abc {} 标签选择器--所有div标签 div {} 交集选择器--类为abc的p标签 p.abc {} 并集选择器--p标签和abc类 p,.abc {} 伪类选择器--div的onhover事件 div:hover {} 伪元素选择器--div开头加上 ...
分类:
Web程序 时间:
2019-12-30 19:26:00
阅读次数:
72
Css3选择器相关: section > div直接子元素选择器 div + article相邻兄弟选择器(在元素之后出现) div ~ article通用兄弟选择器(在元素之后出现) 属性选择器: a[href] { text-decoration: none; } a[href="#"] { c ...
分类:
Web程序 时间:
2019-12-30 14:36:14
阅读次数:
104
伪类 一、链接伪类(又叫锚点伪类) (1) :link:用于给a标签设置点击前的样式,:visited:用于给a标签设置鼠标点击后的样式,:hover:给a标签设置当鼠标移入时显示的样式,:active:给a标签设置当鼠标摁下时显示的样式 由于a标签的:link和:visited可以覆盖a标签的所有 ...
分类:
Web程序 时间:
2019-12-27 00:30:38
阅读次数:
269
选择器 元素选择器 $('p') id选择器 $('#test') class选择器 $('.test') 事件 鼠标事件 click dblclick mouseenter mouseleave Mousedown 键盘事件 Keypress Keydown Keyup 表单事件 submit C ...
分类:
Web程序 时间:
2019-12-22 18:21:24
阅读次数:
99
一、chrome浏览器F12打开调试界面,在console中输入(firefox同样可以): 现在试试 $("a"),已经是jQuery了 二、jQuery定位元素小总 0 获取iframe(id或name为mainFrame)中的元素 1 元素选择器 获取所有元素: $("*") 类似的,找id: ...
分类:
Web程序 时间:
2019-12-15 12:35:12
阅读次数:
167
点击页面按下键盘的F12,或者鼠标右键选择检查(N) 会弹出一个窗口,这个窗口就是调试窗口 如上图所示,第一个图标是标签元素选择器,点击使用后,在页面上移动,会在Elements的区域找到你鼠标选中的html代码,如果找到的并不是你看到的内容,则说明你想找的标签被另一个更高的标签挡住了,按一下 ,把 ...
分类:
Web程序 时间:
2019-12-13 23:45:48
阅读次数:
128
最近在查wpf绘图资料时,偶然看到python使用CSS器抓取网页的功能。觉得很强,这里用C#也实现一下。 先介绍一下CSS选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 选择器 例子 例子描述 .class .intro 选择 class="intro" 的所有元素。 #i ...
diaHTML初识 △HTML: 超文本标记语言,是一种用于创建网页的标记语言,不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm(没有区别) ...
分类:
其他好文 时间:
2019-12-02 18:49:43
阅读次数:
115
xpath写法: 绝对路径:以/开始,逐个增加节点用/分割 特点:不能跨级、类似css中的直接子元素选择器 相对路径:用两个斜杠 // 如 //div//p//a 通配符:xpath也有通配符 * 比如 所有的节点 //div/* 选择div下面所有的直接子元素 根据属性和属性的值的选择 比如 id ...
分类:
其他好文 时间:
2019-12-02 17:09:12
阅读次数:
165