- 博客(7)
- 收藏
- 关注
RSS订阅原创 JavaScript预习
通过浏览器的document.compatMode属性确定浏览器对CSS渲染技术的支持：当前主流浏览器都使用Quirks模式和标准模式对页面做不同的处理，通过读取document.compatMode属性的值确定是哪种模式，如果是标准模式返回：CSSICompat，如果使用的Quirks模式，返回的是：BackCompat（但是Opera赋值为QuirksMode），因此一般检测标准模式就可以了。不同的运行环境有不同的“顶层对象”，在浏览器环境中，这个顶层对象就是window对象（w为小写）。
2024-04-27 09:26:31
875
原创 DOM预习
DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）。• 文档– 文档表示的就是整个的HTML网页文档• 对象– 对象表示将网页中的每一个部分都转换为了一个对象。• 模型– 使用模型来表示对象之间的关系，这样方便我们获取对象文档对象模型（DOM）是网页的编程接口。
2024-04-20 16:03:18
473
原创 JavaScript预习
<head></head><body></body></html>方法二<head></head><body></body>
2024-04-13 09:58:08
824
原创 JavaScript预习
对于JavaScript的理解，就一句话：如果没有使用JavaScript，网页就是静态的，唯一的功能就是给用户浏览。根据个人的开发经验中，只需要记忆\n、\'、\"这3个就已经够初学者走很远了，其他的转义字符我们完全没必要去记忆，到时候需要的时候再回来查表就行了，大家别浪费脑细胞喔。另外，JavaScript会忽略多余的空格，用户可以向脚本添加空格，来提高代码的可读性，说白了就是让代码“漂亮点”，读得舒服一点。在编写JavaScript代码时，我们经常要在一些关键代码旁做一下注释，这样做的好处很多。
2024-04-06 17:10:50
789
原创 第三周预习
1.1平面转换 transform 作用：为元素添加动态效果，一般与过渡配合使用概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜） 平面转换又叫 2D 转换1.2平面转换 - 平移属性transform: translate(X轴移动距离，Y轴移动距离）;● 取值 ◆ 像素单位数值 ◆ 百分比（参照盒子自身尺寸计算结果） ◆ 正负均可 ● 技巧 ◆ translate(）只写一个值，表示沿着X 轴移动 ◆ 单独设置X或Y轴移动距离：translateX(）或 translateY()
2024-04-06 10:22:25
1707
原创 第二周预习
内容区域﹣width & height内边距﹣ padding（出现在内部）边框线﹣border 外边距- margin(出现在盒子外部)设置单方向边框线 属性名：border﹣方位名词（bd＋方位名词首字母，例如，bdl)作用：设置内容与盒子边缘 之间的距离。属性名：padding / padding﹣方位名词div{/* 四个方向 内边距相同＊//* 单独设置一个方向内边距＊/默认情况 盒子尺寸＝内容尺寸＋border尺寸＋内边距尺寸。
2024-03-30 14:58:34
1717
原创 第一周预习作业 ：HTML及CSS基础
1.css：层叠样式表，它是用来美化页面的一种语言。2.css的作用：(1)、美化界面，比如：设置标签文字大小、颜色、字体加粗等样式；(2)、控制页面布局，比如：设置浮动、定位样式。3.css的基本语法：选择器{样式规则}，其中选择器是用来选择标签的，选出来后给标签添加样式；样式规则为：属性名：属性值。
2024-03-21 19:39:57
1448
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人