HTML
关注
分享
扫一扫
文章平均质量分 58
h_jQuery
这个作者很懒，什么都没留下…
展开
-
css常见题——水平居中、垂直居中、水平垂直居中
css居中原创 2023-04-06 16:07:20 · 490 阅读 · 0 评论 -
原生JS选项卡案例——tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>选项原创 2021-07-09 11:29:27 · 290 阅读 · 0 评论 -
JS随机获取六位验证码——0-9、a-z
获取特定的随机整数：parseInt(Math.random()*(最大值-最小值) + 最小值)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com原创 2021-07-09 10:33:25 · 1191 阅读 · 0 评论 -
js倒计时效果——定时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>co原创 2021-07-09 09:31:19 · 863 阅读 · 0 评论 -
HTML、CSS综合05——css3弹性布局、响应式布局
CSS3弹性布局(伸缩布局，flex布局)flex是flexible box的缩写，意思为“弹性布局”，用来为盒子模型提供最大的灵活度，能够最大限度的解决我们关于浮动的问题采用flex布局的父元素元素，称之为flex容器(context)，容器中所有的子元素称之为容器的flex项目(item)flex主轴：flex item默认以主轴方向顺序排列，主轴默认是水平方向flex侧轴：与主轴垂直的方向侧轴。默认是垂直方向方向：默认方向是从上往下，从左往右主侧轴并不是固定的，可以flex-directi原创 2021-05-20 11:24:27 · 441 阅读 · 0 评论 -
HTML、CSS综合04——浮动、定位、选择器
复习文本属性：text-开头的属性都可以被继承背景属性：(背景属性尤为重要) 背景颜色：background-color 背景图片：background-image 背景图片的重复方式：background-repeat 背景图片的定位：background-position 合写属性：background background-origin: 背景图片的起始显示位置 background-clip: 背景图片的切割位置盒子属性： content(内容) pa原创 2021-05-20 11:23:02 · 274 阅读 · 0 评论 -
HTML、CSS综合03——css、浮动、文档流、定位
内容回顾为什么要使用CSS?由HTML的效果标签完成样式，会导致HTML的结构非常冗余。要求使用css来完成页面的样式渲染工作。后期要求，css不写在页面中，写在单独的css文件中。css的三种引入方式行内样式：把css的属性写在标签的style属性中内部样式：把css属性写在style标签中外部样式：把css属性写在单独的css文件中，通过link标签使HTML文件和css文件相关联三种引入方式采用就近原则。css三种基本选择器标签选择器(Element选择器)：所有相同的标签都适用该样原创 2021-05-20 11:21:33 · 150 阅读 · 0 评论 -
HTML、CSS综合01——html、标签、表格
前端的组成HTML + CSS + JavaScriptH5: html5 + css3 + JavaScript + API现在先讲的是HTML4.01+CSS2HTML超文本标记语言(Hyper Text Markup Language)存储在硬盘中的是纯粹的文件，文件内部的内容是一些纯粹的字符，文件的后缀名是html名词解释超文本：文字，图片，音频，视频等可以在互联网传输的内容。标记：又叫标签(tag)，由<>开始，到</>结束，尖括号中有指定的单词或字母。是原创 2021-05-20 11:20:43 · 268 阅读 · 0 评论 -
HTML、CSS综合02——css，样式表，选择器、盒子模型
回顾复习什么是标签：标签由<tagName>开始，到</tagName>结束。xml的标签基本都是自定义的html的标签，基本都是规定好的。（可以使用自定义标签）浏览器对于规定好的标签，有特殊的解释方式(渲染方式)<!doctype html>告诉浏览器，以下的文档应该以HTML 5的方式来解析<html></html>根标签<head></head>头标签，主要负责设置页面的一些信息 <title&g原创 2021-05-20 11:19:51 · 320 阅读 · 2 评论 -
jquery-微博发布评论案例、图书管理系统案例
微博评论发布：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } body { background-color: rg原创 2021-05-07 14:32:23 · 255 阅读 · 0 评论 -
给表格（table）中行（tr）设置边框（border）
给tr设置以下代码无效时：border-bottom: 1px solid #e5e5e5;在表格中加以下属性就可以解决：table { border-collapse: collapse;}原创 2021-05-02 00:55:00 · 3858 阅读 · 0 评论 -
javaScript案例——二级联动、三级联动、省市区三级联动
二级联动：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/联动.js" type="text/javascript" charset="utf-8"></script> </head> <body> <select name="" id原创 2021-04-06 19:40:09 · 825 阅读 · 0 评论 -
伸缩盒（Flexble Box）——flex-shrink
伸缩盒（Flexble Box）——flex-shrinkflex-shrink：收缩比率flex-shrink是放在子元素使用的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box { width: 600px; height: 700px;原创 2021-03-22 14:43:31 · 335 阅读 · 0 评论 -
CSS学习笔记———浮动，定位，背景
主要是CSS2背景属性（非常重要）：背景颜色、图片、图片的重复方式、定位合写属性：backgrand：background-origin：content-box/border-box/padding-box。默认是padding-box,背景从内边距开始铺盒子属性：content（内容）:padding（内边距）:margin（外边距）:border（边框）:display:用于转换盒子的显示状态display常用属性：none,inline,block,inline-block,以及弹原创 2021-03-19 08:26:02 · 282 阅读 · 1 评论 -
HTML学习课堂笔记
前端的组成HTML+CSS+JSH5:HTML5+CSS3+JavaScript+API组件就是自定义标签浏览器对于一些不认识的标签，直接忽略，不进行任何的样式渲染每个页面只有一个h1标签（权重最高） //简介描述 //关键词[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xj4T8sKX-1615876453080)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-202原创 2021-03-16 14:34:58 · 253 阅读 · 2 评论 -
HTML零基础入门学习笔记提供网盘
HTML学习笔记百度网盘链接：https://pan.baidu.com/s/1__O4dIxmKMIXPsx5OKb8aw提取码：fmbvHYML(可在W3School查阅文档)加粗：< /strong >or 倾斜：or 删除线：or 下划线：or注释：<!—注释内容–> 快捷键Ctrl+/ Tab键：自动生成分割线（水平线） 自动换行 空格 < <号 &g原创 2021-01-29 15:37:37 · 1033 阅读 · 0 评论