08 2023 档案
摘要：作用: 选择属性中符合要求的元素 语法: [属性名]: 选择具有某个属性的元素 [属性名="值"]: 选择具有某个属性且属性值等于指定值的元素 [属性名^="值"]: 选择具有某个属性且属性值是指定值开头的元素 [属性名$="值"]: 选择具有某个属性且属性值是指定值结尾的元素 [属性名*="值"]
阅读全文
摘要：作用: 选中指定的元素后, 符合条件的相邻兄弟或所有兄弟 语法: 第一种相邻兄弟选择器 选择器1+选择器2 所谓相邻就是紧紧挨着的下一个,切记睡在我下铺的兄弟 语法: 第二种所有兄弟选择器 选择器1~选择器2 选中选择器后,选择符合条件的所有兄弟元素, 切记睡在我下铺的所有兄弟 举例: /* div
阅读全文
摘要：作用: 选中指定元素中, 符合要求的子元素 (儿子元素). (先写父 再写子元素) 子代选择器又称为: 子元素选择器, 子选择器 语法: 选择器1>选择器2>选择器3>选择器n...... 多个选择器通过大于号(>)隔开, 大于号(>)可以理解: xxx的子代, 其实就是儿子的意思 举例: div>
阅读全文
摘要：作用: 选中指定元素中, 符合要求的后代元素 语法: 选择器1 选择器2 选择器3 选择器n...... 多个选择器通过空格隔开, 空格的意思可以理解为什么中的其实就是后代的意思 举例: /* ul中的li为红色 */ ul li { color: red; } ol li { color: gol
阅读全文
摘要：作用: 选中多个选择器对应的元素, 又称: 分组选择器 所谓并集就是或者的含义, 比如要么......要么......的意思, 比如要么在一起要么我滚 语法: 选择器1,选择器2,选择器3,选择器n...... 多个选择器通过逗号进行链接,这里的逗号其实就是或者的意思 举例: #text, .red
阅读全文
摘要：作用: 选中同时符合多个条件的元素 交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅 语法: 选择器1选择器2选择器3...(紧紧挨在一起) 举例: /* 标签配合类选择器使用,h1为标签 .fruit为类选择器 */ h1.fruit { color:
阅读全文
摘要：CSS中有哪些常用的选择器? ID选择器 类选择器 元素选择器 如果同时使用的话哪个优先级更高? 内联样式 > ID选择器 > 类选择器 > 元素选择器 代码举例,比如下面这段代码,同时使用了类选择器和标签(元素)选择器,但是h1标签中内容的颜色是绿色,因为类选择器优先级要高于元素选择器 <!DOC
阅读全文
摘要：table常用属性 属性名字 描述 width 表格宽度 height 表格高度 cellspacing 表格中单元格边框大小,一般设置为0 border 表格的边框大小,如果设置为0,表格是没有边框的且单元格也没有边框, 意思是整个表格都是没有边框的 cellpadding 表格中单元格内容与单元
阅读全文
摘要：使用场景 这种一般用于开发手机APP或网站时可能用到, 比如投诉反馈功能会加一个联系我们的电话. 唤起应用 <!-- 唤起电话 --> <a href="tel:13997144945">拨打电话</a> <!-- 唤起发送邮件 --> <a href="mailto:10086@qq.com">发
阅读全文
摘要：回到顶部 <!-- 方式一和方式二的区别是 方式一单纯回到顶部,方式二其实是刷新了当前页面,一般推荐使用方式一 --> <!-- 方式一 --> <a href="#">回到顶部方式一</a> <!-- 方式二 --> <a href="">回到顶部方式二</a>
阅读全文
摘要：跳转锚点 <!-- 跳转当前页面锚点 --> <a href="#test">点击跳转锚点</a> <!-- 跳转其它页面锚点, 意思是跳转到页面是HTML排版.html且id等于test的位置 --> <a href="HTML排版.html#test">点击跳转锚点</a> 设置当前页面锚点 <
阅读全文
