css3
关注
分享
扫一扫
h_jQuery
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css常见题——水平居中、垂直居中、水平垂直居中
css居中原创 2023-04-06 16:07:20 · 496 阅读 · 0 评论 -
微信小程序原生写法——密码输入框组件
微信小程序密码输入框原创 2023-02-27 17:30:57 · 1217 阅读 · 1 评论 -
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>Do原创 2021-07-09 17:17:38 · 4321 阅读 · 0 评论 -
Number和Math
Number.toFixed():先四舍五入，后再保留规定的小数toFixed()方法是Number对象的，而不是Math的，所以可以直接用数值.toFixed()var num1 = new Number(13.37);//var num1=13.7num1.toFixed(1)=13.4var num2 = new Number(13.33);num2.toFixed(1)=13.3Math的使用方式是：如：Math.round(x)...原创 2021-07-09 17:00:14 · 119 阅读 · 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>Do原创 2021-07-09 14:23:33 · 495 阅读 · 0 评论 -
css自定义属性
css文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-06-17 13:34:52 · 302 阅读 · 0 评论 -
鼠标经过——图片放大效果
鼠标经过，盒子里的图片放大，但不超出盒子的范围<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2021-05-28 09:33:01 · 1292 阅读 · 0 评论 -
解决构造函数创建对象所造成的内存浪费问题
构造函数（自定义构造函数）创建对象的问题：创建多少个对象就会创建多少个方法，严重浪费内存空间<script> function Person(uname, age) { this.uname = uname this.age = age this.sayHi = function() { console.log("hello"); }原创 2021-05-25 16:29:47 · 577 阅读 · 0 评论 -
面向对象和面向过程之间的比较
面向对象和面向过程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-05-25 15:20:55 · 119 阅读 · 0 评论 -
HTML5新增表单元素和表单属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-05-25 13:58:14 · 209 阅读 · 0 评论 -
数据存储——临时存储（sessionStorage）和永久存储（localStorage）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-05-25 11:30:56 · 1759 阅读 · 0 评论 -
HTML5和CSS3小案例
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&.原创 2021-05-25 09:59:12 · 491 阅读 · 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 · 449 阅读 · 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 · 283 阅读 · 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 · 156 阅读 · 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 · 274 阅读 · 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 · 333 阅读 · 2 评论 -
给表格（table）中行（tr）设置边框（border）
给tr设置以下代码无效时：border-bottom: 1px solid #e5e5e5;在表格中加以下属性就可以解决：table { border-collapse: collapse;}原创 2021-05-02 00:55:00 · 3959 阅读 · 0 评论