- 博客(13)
- 收藏
- 关注
RSS订阅原创 DOM节点
（2）getElementsByClassName 通过class名来获取元素节点（若有多个相同class，返回含有多个节点的类数组对象）（1）getElementsByTagName 通过标签名来获取元素节点 （若有多个相同标签，返回含有多个节点的类数组对象）（4）querySelectorAll 通过CSS选择器获取节点，返回NodeList对象（包含所有匹配给定选择器的节点）（3）getElementById 通过id名来获取元素节点（直接返回可操控的节点，而不是由节点构成的数组对象）
2025-09-17 17:52:52
190
原创 练习-网页导航条的设计.html
将如上图所示的网页导航条设计成如下图所示的效果。第三步：设计中间的导航项目组。第四步：设计搜索框样式。第二步：设计导航栏样式。第一步：设计基础样式。
2025-06-05 19:08:49
153
原创 清除浮动.html
如果前方有左浮动盒子，浏览器会格该盒子下推到所有左浮动盒子的最底部。进而强制父盒子重新计算高度，直到高度能包裹所有左浮动盒。如果前方有右浮动盒子，浏览器会将该盒子下推到所有右浮动盒子的最底部。进而强制父盒子重新计算高度，直到高度能包裹所有右浮动盒。如果前方有浮动盒子，浏览器会将该盒子下推到浮动盒子的最底部。进而强制父盒子重新计算高度，直到高度能包裹所有浮动盆。该盒子必须出现在所有左浮动和右浮动盒子的下方。该盒子必须出现在所有左浮动盒子的下方。该盒子必须出现在所有右浮动盒子的下方。
2025-06-05 17:36:05
170
原创 盒子的浮动.html
2.父元素場陷后，其下方的非浮动元素会向上移与浮动子元素产生觀盖或重叠现象，破坏原本的布局结构。右浮动:第一个设置右浮动的盒子浮至浮层，其它设置右浮动的盒子紧跟其后，从右到左排列，直到放不下才换行。左浮动:第一个设置左浮动的盒子浮至浮层，其它设置左浮动的盒子紧跟其后，从左到右排列，直到放不下才换行。1 当子元素设置浮动后脱离文档流，父元素无法感知子元素的高度，景致自身高计算为0。2. 若空间无法容纳，则先向下移动，直到高度足够后再向左/向右（取決子该盒子被设置为左浮动还是右浮动）
2025-05-26 17:35:06
813
原创 绝对定位练习.html
将导航栏的 position 设置为 absolute，利用width：0和height:0设置盒子的长和宽，用backgroubd-color设置盒子的颜色，并通过 top: 0 和 left: 0 将其固定在页面上面。• 定位基准：以最近已定位（定义了除 static 外的 position ）的祖先元素为基准偏移；• 脱离标准流：从标准流脱离，不影响兄弟盒子定位，原文档流空间关闭，定位后生成块级框，与原正常流框无关。这是脸部，用了<article></article>来装下8个<div></div>
2025-05-19 11:57:02
719
原创 伪元素选择器and伪类选择器
1. :link, :visited, :hover, :active这四个伪类从前到后的。2. 有些浏览器对伪类的支持不太好，比如部分火狐浏览器无。顺序不能颠倒，否则会影响浏览器的渲染。:active 链接被激活时（鼠标左键按下但还未抬起）的样式。法支持:active属性。:hover 鼠标悬停在链接上的样式。:visited 链接访问后的样式。:link 链接访问前的样式。
2025-05-10 18:20:48
251
原创 CSS复合选择器
选择所有作为E元素的直接子元素F,对更深一层的元素不起作用，选择E元素之后的所有兄弟元素F，作用于多个元素，选择所有被E元素包含的F元素，效果如下：从蓝色变成了红 色。，选择相邻的第一个兄弟元素，效果如下：从黑色变成了橙色。效果如下：从黑色变成绿色。选择紧跟E元素后的F元素，
2025-04-21 20:30:26
222
原创 CSS引用方式
因此在没有优先级的情况下，样式配置遵循后来居上原则（层叠）文字颜色从绿色变成了紫色。文字颜色又从紫色变成了蓝色。CSS有以下四种样式。
2025-04-14 19:45:06
518
原创 表单from.html
当type="text"时，input框为账户输入当type="password"时，input框为密码框输入当type=“checkbox"时，input框为普通的多选框当type="radio"时，input为普通的多选框（想要input标签变成单选框，需要设置相同的name属性）当type="submit"时，input框为普通的提交按钮。
2025-03-30 20:59:17
400
原创 水果图鉴.html
2.通过为href属性添加#链接锚点。点击紫色字体可查看图片。3.再用<img src=" " alt=" ">导入图片。1.使用name建立锚点。
2025-03-03 13:35:46
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人