2402_82646957的博客

原创 4935421669078

原创 JavaScript进阶——DOM操作 （节点获取，节点属性修改，节点创建与插入，CSS样式的修改）

DOM操作（Document Object Model 文档对象模型）指的是通过JavaScript来操作网页的结构和内容。DOM提供了一种以文档树形式表示HTML或XML文档的方式，可以使用JavaScript来动态地访问和修改网页的元素、属性和文本内容，且提供了一系列的函数和对象来实现增、删、改。

原创 CSS网页布局综合练习（涵盖大多CSS知识点）

题目：将上面的转化为下面的基本骨架。

原创 JavaScript语法基础——变量，数据类型，运算符和程序控制语句

// console.log()语句必须放在script内console.log("使用控制台输出")

原创 css两页布局和三页布局

许多网站有一些共同的特点，如页面顶部放置一个大的导航或广告条，右侧是链接或图片，左侧放置主要内容，页面底部放置版权信息等，下面的布局就是经典的两列布局。除此之外，还可以用display这个行内块元素进行，亦或者使用盒子的定位——position：来进行两列布局操作。，它的效果是允许在元素上设置宽度和高度。其本质就是在两列布局的基础上再加一列，上面三种手段都可以用在三列布局上。本次例子是用浮动，来将mainbox和sidebox浮起来。其中，mainBox为主要内容区域，sideBox为侧边栏。

原创 css浮动和高度塌陷问题的解决方法

CSS 高度塌陷（也称为“清除浮动问题”或“父元素高度为零”）通常发生在父元素内的子元素浮动时，导致父元素没有包含其浮动子元素的高度。

原创 css盒子的固定定位

CSS中的display元素属性是CSS中最重要的属性之一，它主要用于控制元素的布局，即设置元素是否显示以及如何显示。

原创 css盒子的定位（绝对定位）

absolute 是绝对定位元素，其锚点是父辈属性，即谁包含它，它就以谁为锚点，最高可以以浏览器窗口为基准进行定位。想给盒子定位，必须提供三个要素，锚点、方向和距离。而盒子的相对定位，就是以元素本身的位置作为锚点。移动绿色的位置，距离父辈左边相差50px，顶部相差10px。

原创 css盒子的定位（相对定位）

relative值代表的定位是以元素本身的位置作为锚点，元素本体的位置并没有改变，其占据着原来的位置，但他的视觉位置发生了改变，我们可以认为，元素本身能被看到的灵魂位置发生了改变，但其不可视的肉体依然占据着原来的位置。想给盒子定位，必须提供三个要素，锚点、方向和距离。而盒子的相对定位，就是以元素本身的位置作为锚点。由上面得知，relative值代表的相对定位，其锚点是元素原来的位置。移动绿色的位置，距离原本左边相差50px，顶部相差10px。

原创 网页的默认排列方式——网页文档流

在不手动去调元素位置的情况下，让元素按默认的方式填充网页，则是从地势最低的地方，也就是左上角开始填，向右、向下蔓延。网页内body标签内的元素，在网页中有默认的排列方式，以左上角为核心，向右和向下延伸。元素本身也会流动，距离排水口近的元素消失了，后面的元素会向水一样去流动，去补充上去。我们可以把网页看成一个蓄水池，排水口在左上角，这是蓄水池最低地方，而元素则视为水。文档流只是一种默认的排列方式，一但人为的改变元素的排列方式，它将被覆盖掉。

原创 css盒子（附带思维导图）

dotted（点画线）double(双实线)两个参数：第一个为上下，第二个为左右。两个参数：第一个为上下，第二个为左右。两个参数：第一个为上下，第二个为左右。三个参数：一为上，二为左右，三为下。三个参数：一为上，二为左右，三为下。三个参数：一为上，二为左右，三为下。四个角四个参数，第一个为左上，第二个为右上，第三个为右下，第四个为坐下，参数之间用逗号隔开。无关顺序，或多或少都无所谓，html会自动匹配对于的参数。margin：四个参数，参数之间，隔开。：四个参数，参数之间，隔开。四个参数，参数之间，隔开。

原创 css常见声明（字体与图片）（wps思维导图，持续更新）

【金山文档 | WPS云文档】 css常见声明（字体与图片）

原创 html5的css选择器（wps思维导图）（持续更新）

【金山文档 | WPS云文档】 选择器语法。

原创 HTML基础教程（大纲＋详细内容）

忽略那些专有名词，不那么专业的讲，html就是一种文档，一种内含文字、图形、声音、表格、链接等多种要素的文档，通常它的展现方式就是网页。

原创 HTML的基本标签

人们常见的网页就是由HTML构成。