- 博客(8)
- 收藏
- 关注
原创 DOM节点操作
5. 通过CSS选择器获取第一个匹配元素。4. 通过CSS选择器获取所有匹配元素。DOM节点的获取方法有五个。元素节点添加到body中。DOM节点的创建与插入。文本节点添加到元素节点。属性节点添加到元素节点。1. 通过标签名获取。
2025-09-16 20:38:07
204
原创 CSS : 相对定位,绝对定位
包含块:由最近的 position 非 static 的祖先元素决定。相对于最近的非static定位祖先元素(若无则相对于视口)文档流影响:元素仍占据原始空间(视觉移动但位置保留)文档流影响:完全脱离文档流(不占据原有空间)相对于元素在正常文档流中的原始位置进行偏移。
2025-05-19 21:02:22
253
原创 CSS 选择器
通过空格连接选择器,匹配嵌套在祖先元素内的所有层级后代。应用场景:设置导航栏主菜单项的底部边框。设置文章内容中所有层级的标题样式。使用 > 符号仅选择直接子元素。
2025-05-19 20:32:21
223
原创 CSS :优先级
当多个样式规则作用于同一元素时,CSS通过优先级权重决定最终生效的样式。类/伪类/属性选择器(如 .className 、 :hover )标签/伪元素选择器(如 div 、 ::after )外部样式与内部样式按加载顺序参与优先级竞争。行内样式( style 属性直接定义)ID选择器(如 elementId )权重高者优先,同权重时后定义的生效。场景2:同类选择器重复定义。场景1:无行内样式时。
2025-05-19 20:15:25
388
原创 HTML 表单
form> 元素用于创建表单,action 属性定义了表单数据提交的目标 URL,method 属性定义了提交数据的 HTTP 方法。<input>元素可以创建文本框、密码框、单选按钮等,可以通过type属性更改需要的类型。表单用于收集用户信息,具有交互功能,用户可以在表单上输入文本,多选,单选等功能。将type属性设置为text,输入框将接受文本信息。
2025-05-19 19:46:48
208
原创 HTML 列表 and 表格
表格标签可以帮助我们进行统合,是界面中相同的元素可以整合起来,在表格标签中,需要使用其他标签表明行与列以及表头,行标签<tr>,列标签<td>,表头标签<th>(表格标签默认线条是比较细的,我们可以改变它的属性使它更加清晰。表格之间可以进行合并,象是类似于数学中合并同类项的操作,可以减少不必要的位置,合并改变的是colspan属性和rowspan属性,其中的数值填写当前的格子在合并后共占据几个格子的位置。表格标签<table></table>无序列表<ul></ul>
2025-05-19 19:36:03
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅