![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端html css js学习
文章平均质量分 69
罗罗诺亚丶索隆
一只菜鸟
展开
-
js正则表达式
正则表达式是用于匹配字符串中字符组合的模式,在 JavaScript中,正则表达式也是对象。正则表达式是在宿主环境下运行的,如js/php/node.js等 本章讲解的知识在其他语言中知识也是可用的,会有些函数使用上的区别一、创建正则字面量创建使用//包裹的字面量创建方式是推荐的作法,但它不能在其中使用变量let hd = "houdunren.com";let a = "u";console.log(/a/.test(hd)); //false在字面量中也可以使用变量,但是.转载 2021-09-22 10:12:50 · 414 阅读 · 0 评论 -
html基础学习(基础标签)(一)
近期学习的html记录一下1、标题标签<h1>标题标签</h1><h2>标题标签</h2><h3>标题标签</h3><h4>标题标签</h4><h5>标题标签</h5><h6>标题标原创 2018-11-05 23:01:29 · 1029 阅读 · 1 评论 -
html基础学习(表格)(二)
表格基本结构表格其实就是很多的小单元格,而这些小单元格很有次序的排列着,它们有很多行,很多列。这些很多行列组成的东西,就叫表格,表格是<table>标签来定义的。而<table>标签中的行就是<tr>标签,而列就是<td>标签,必须先定义行才能定义列。因为html中,每一列是在一行当中的。表格 描述 <table> 定义表格 <caption> 定义表格标题 <th> 定义表格的表原创 2020-07-02 14:55:30 · 94 阅读 · 0 评论 -
html基础学习(表单)(三)
基本代码如下<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表单select</title></head><body> <h1 align="center">注册信息</h1> <hr colo.原创 2020-07-02 16:29:20 · 107 阅读 · 0 评论 -
CSS基础学习(选择器)(一)
CSS样式选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> /*标签选择器*/ /* p,h1,h2,h原创 2020-07-03 10:17:38 · 285 阅读 · 0 评论 -
CSS基础学习(文本样式、背景图)(二)
文本样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> .p1{font-family: "宋体";}/* {font-fam原创 2020-07-03 11:47:44 · 168 阅读 · 0 评论 -
CSS基础学习(盒子模型、display)(三)
盒子模型图盒子代码学习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> .p1 { back.原创 2020-07-03 15:20:27 · 445 阅读 · 1 评论 -
CSS基础学习(定位、链接)(四)
背景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ width: 100%原创 2020-07-10 16:12:50 · 402 阅读 · 0 评论 -
CSS基础学习(浮动)(五)
浮动1、浮动图片和文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text_around</title> <style type="text/css"> .container{ width:800px; height:600px; border:2px solid #333; } .contain原创 2020-07-10 16:37:26 · 123 阅读 · 0 评论 -
CSS3基础学习(边框、圆角、背景)(六)
定位(Position)一、position:static该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。此时 top、right、bottom、left 属性无效。个人补充:static是position的默认值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS-position-sta.原创 2020-10-20 17:37:17 · 158 阅读 · 0 评论 -
CSS3基础学习(多列、按钮)(七)
一、多列属性 说明 CSS column-count 指定元素应分为的列数 3 column-fill 指定如何填充列 3 column-gap 指定列之间差距 3 column-rule 一个用于设置所有列规则的简写属性 3 column-rule-color 指定的列之间颜色规则 3 column-rule-style 指定的列之间的样式规则 3 column-rule-width原创 2021-08-19 16:29:15 · 276 阅读 · 0 评论 -
CSS3基础学习(弹性盒子)(八)
弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。属性 描述 display 指定 HTML 元素盒子类型。 flex-direction 指定了弹性容器中子元素的排列方式 justify-content 设置弹性盒子元素在主轴(横轴)方向上的对齐方式。 align-items原创 2021-08-19 17:37:26 · 537 阅读 · 0 评论 -
javascript 基础学习(一)
一、什么是弹性布局?Flex是Flexible Box的缩写,意为"弹性布局",他为盒模型提供了最大的灵活性。它即可以应用于容器中,也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年,W3C提出了一种新的方案—Flex布局,可以简便、完整、响应式地实现各种页面布局。他主要是用于移动端布局,对一个容器中的元素进行排列,对齐和分配空白空间。父容器的六大属性:flex-direction 容器内项目的排列方向(默认横向排列) flex-wrap 容器内项目换行方式原创 2021-08-05 15:36:35 · 118 阅读 · 0 评论 -
javascript 基础学习(ES6)(二)
一、let和constlet 特性:用来声明变量,只在它所在的代码块中有效,所以在此块级作用域中不可重复声明; 不存在变量提升,声明后必须使用; 块级作用域中未声明就是用会报错(暂时性死区);;// var 存在变量提升,undefined是一种数据类型console.log(foo); // 输出undefinedvar foo = 2;// let 不声明就使用会报错console.log(bar); // 报错ReferenceErrorlet bar = 2;cons原创 2021-08-06 15:35:51 · 178 阅读 · 0 评论 -
javascript 基础学习(ES6)(三)
开始JavaScript数据类型、算法操作符、逻辑操作符学习记录1、数据类型原创 2021-08-06 14:31:50 · 99 阅读 · 0 评论 -
javascript 基础学习(DOM)(四)
DOM简介1、DOM树文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM 中使用element表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用node表示DOM把以上内容都看做是对象2、获取元素2.1、HTML5获取元素的方法 //2009 发布的ECMASCRIPT的标准 //通过标签名称获取多个元素 var h1...原创 2021-08-11 17:13:45 · 401 阅读 · 0 评论 -
javascript 基础学习(BOM)(五)
DOM与BOM比较:1、open location1.1、a标签 跳转界面和界面内部位置跳转的方法<a href="http://www.baidu.com" target="_blank">百度</a><a href="#abc">内部锚点跳转</a><div id="abc"> abc的内容</div>1.2、openopen() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。...原创 2021-08-12 08:52:30 · 172 阅读 · 0 评论