旺仔小薯条-CSDN博客

DOMDOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。获取元素根据ID获取根据标签名获取通过HTML5新增的方法获取特殊元素获取1.根据ID获取：用getElementById()方法可以获取带有ID的元素<body> <div id="time">2021-2-10</div> <script> /

2021-02-14 20:26:16 140

原创 JavaScript学习笔记（二）

分支流程控制if语句1.if 语句if （条件表达式）{ //条件成立执行的代码语句}2.if else双分支语句//条件成立执行if 里面代码，否则执行else里面的代码if （条件表达式）{ //【如果】条件成立执行的代码}else{ //【否则】执行的代码}if else if 多分支语句 if （条件表达式）{ //语句1； }else if（条件表达式2）{ //语句2； }

2021-02-08 23:09:02 120

原创 JavaScript的学习笔记（一）

一、JS的组成JS由三部分组成：ECMAScript （JavaScript语法）, DOM（页面文档对象模型）, BOM（浏览器对象模型）二、JS有三种书写位置，分别为行内、内嵌和外部。1.行内式语法：<input type="button" value="点我试试" onclick="alert('Hello World')">可以将单行或少量JS 代码写在HTML标签的事件属性中（以on开头的属性），如：onclick注意单双引号的使用，在HTML中推荐使用双引号，

2021-02-05 20:59:00 191

原创将一个盒子固定到版心右侧

将一个盒子固定到版心右侧1.走浏览器宽度的一半2.利用margin走版心宽度的一半注：这两种方法必须给版心盒子设置宽度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>固定定位小技

2021-02-05 10:33:44 670

原创 HTML5新增的语义化标签

一、HTML5新增的语义化标签1.<header>头部标签2.<nav>导航标签3.<content>内容标签4.<section>定义文档某个区域5.<aside>侧边栏标签6.<footer>尾部标签定义这些语义化标签的目的是为了简化代码，不需要整个网页都用div标签定义再class，可以直接写<header></header>。并且这些语义化标签可读性更强，看到这个标签就知道是哪个部分。注意

2021-01-31 11:14:45 3923 2

原创 1.text-transform属性控制文本的大小写

1.text-transform属性控制文本的大小写属性值值描述none默认。定义带有小写字母和大写字母的标准的文本。capitalize文本中的每个单词以大写字母开头。uppercase定义仅有大写字母。lowercase定义无大写字母，仅有小写字母。inherit规定应该从父元素继承text-transform属性的值。2.object-fit属性指定元素的内容应该如何去适应指定容器的宽度和高度。object-fit一般用于img和vid

2021-01-26 13:30:59 1077

原创一、浮动float

一、浮动float1.任何元素都可以浮动。不管原来是什么模式的元素，添加浮动后具有行内块元素相似的特性2.浮动元素经常搭配标准流的父元素3.一个元素浮动了，理论上其余的兄弟元素也要浮动。一个盒子里有多个子盒子，如果其中一个盒子浮动了，其他的兄弟也应该浮动。浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流。4.为父级元素设置overflow:hidden可以清除浮动。二、定位定位=定位模式+边偏移position有四个值：static（默认），relative（相对定位），a

2021-01-24 10:50:32 279

原创做一个简单的二级导航

如何做一个简单的二级导航现在html的部分就写完了，下面我们通过css来实现二级导航。先为li标签设置list-style:none;去掉前面的点，为a标签设置text-decoration:none;去掉下划线，为父级元素nav-box设置相对定位position:relative;为子元素nav-box-leva12设置绝对定位position:absolute;然后设置定位并隐藏二级导航，一个简单的二级导航就做好了。...

2021-01-23 21:25:46 2103

原创用html制作一个表格

用html制作一个表格基本格式为：运行结果如下表头单元格也是单元格，常用于单元格第一行，突出重要性，表头单元格里面的文字会加粗居中显示。

2021-01-20 15:53:23 1491

原创图像标签和路径

图像标签和路径相对路径（重点）：以引用文件所在位置为参考基础，而建立出的目录路径。图片相对于HTML页面的位置相对路径分类符号说明同一级路径图像文件位于HTML文件同一级如下一级路径/图像文件位于HTML文件下一级如上一级路径…/图像文件位于HTML文件上一级如...

2021-01-20 14:08:15 123 1

begin_glory的博客

原创 Linux系统用户

原创 DOM