HTML基础
团酱
爱与被爱同时发生才有意义
展开
-
flex布局父元素不换行子元素设置宽高不生效问题
flex布局,flex-shrink属性原创 2023-03-29 14:42:30 · 848 阅读 · 0 评论 -
vscode终端默认为cmd的两种方法操作步骤
新建终端,默认是powershell。原创 2022-11-24 16:54:54 · 5796 阅读 · 0 评论 -
element中el-input组件type=“number“的样式修改
element中el-input组件type=“number“的样式修改原创 2022-10-18 18:58:10 · 2236 阅读 · 0 评论 -
使用关键帧写一个loading 的小案例
<!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>...原创 2022-03-08 00:41:06 · 319 阅读 · 0 评论 -
layui文档
Layui 开发使用文档 - 入门指南原创 2022-02-25 00:12:26 · 576 阅读 · 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-wi.原创 2022-02-17 00:35:57 · 2000 阅读 · 4 评论 -
margin-top击穿问题
如果说两个块元素嵌套是,如果内部的块元素设置margin-top,但是父元素没有边框,那样的话内部的块级元素怒就会击穿父元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content原创 2022-02-17 00:14:41 · 113 阅读 · 0 评论 -
opacity对图片的用法
opacity对图片的用法,想让图片有一种灰色的感觉就可以使用opacity<!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, in原创 2022-01-23 17:42:33 · 517 阅读 · 0 评论 -
focus事件
focus是在input中获取焦点的,但是在div中没有这个属性,所以要在div中加tabindex="0",div就可以使用focus属性了原创 2022-01-11 14:29:11 · 531 阅读 · 0 评论 -
CSS 三大特性
CSS的三个特性是指层叠性、继承性以及优先级。层叠性是指当一个标签被设置了多个重复的样式的时候,一个属性会覆盖另外一个属性。 继承性是指当子标签没有设置样式时,会继承父标签的样式。可继承的属性比如有字体类属性(字体颜色、字体大小之类的)、文本类属性(行高之类的)、背景类属性(背景颜色之类的)(要注意子标签不会继承父标签的宽度、高度、边距属性。)优先级:!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承优先级高的规则会忽视层叠.原创 2021-12-08 19:32:54 · 229 阅读 · 0 评论 -
清除浮动的常用的几种方法
首先我们要知道为什么要清除浮动?如果说一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要进行浮动的清除(父元素因为子级元素浮动引起的内部高度为0的问题)首先先写了一个正常的结构是在box没有设置高度的时候,里面是的两个div会默认的撑开,这是在没有设置浮动的时候 <style> .box { width: 800px;原创 2021-11-29 22:29:41 · 343 阅读 · 0 评论 -
五大浏览器
浏览器是网页显示、运行的平台。五大浏览器分别是IE、火狐(Firegox)、谷歌(Chrome)、Safari和Opera1、IE浏览器IE浏览器是微软公司旗下的浏览器,是目国内用户量最多的浏览器。现今,微软以IE浏览器和Windows捆绑的模式不断向市场扩展份额,使IE成为市场的绝对主流。现在装了Windows系统的电脑基本无法卸载IE浏览器。2、Firefox浏览器Firefox浏览器使Mozilla公司旗下浏览器,也是刚才提到的网景公司后来的浏览器。网景被收购后,网景人员创办了M原创 2021-07-29 18:01:36 · 4340 阅读 · 1 评论 -
Visual Studio Code常用快捷键使用
Shift+1(英文状态下)能快速生成网页的基本结构 Ctrl+? 快速添加注释(取消注释) Ctrl+c复制 ctrl+V粘贴 ctrl+a全选 aAt+Shift+↑/↓ (向上/向下复制) Alt+↑/↓(本行向上/向上移动) Ctrl+Enter(向下换行) Ctrl+Shift+Enter(向上换行) Ctrl+z 返回上一步 Ctrl+F 查找 Ctrl+H 替换 Ctrl+Shift+K 删除一行...原创 2021-07-02 19:02:15 · 7095 阅读 · 2 评论 -
前端通配符*的使用
由于浏览器会有默认属性,浏览器不同默认属性也不同,要消除这个问题可以通配符“*”可以消除浏览器的默认属性。(*的意思是选中所有的标签)通配符选择器的格式:*{属性:值} *{ margin: 0; padding: 0; }注意:通配符选择器是设置界面上所有的标签属性,所以在设置之前会遍历所有的标签。...原创 2021-07-01 15:56:08 · 964 阅读 · 0 评论 -
HTML 基础
超文本标记语言 (英语:Hypertext Markup Language,简称:HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。正如标题所示,本文将对 HTML 及其功能做一个基本介绍。HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。HTML 由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。 一对标签( tags)可以为一段文字或者一张图片添加超链转载 2021-06-30 16:05:24 · 105 阅读 · 0 评论