- 博客(15)
- 收藏
- 关注
RSS订阅原创 外间距和内边距
盒模型所有的元素都是在页面中显示成一个方块，类似一个盒子把元素叫做盒子，设置对应的样式分别为：盒子的边框（border），盒子中的内容与盒子边框之间的间距（内间距），盒子与盒子之间的间距（外间距）盒子的实际大小是：盒子的宽度 = 内容宽度 + 左右边框 + 左右内边距（padding） 盒子的高度 = 内容高度 + 上下边框 + 上下内边距（padding） 1 2如果要增加内边距和边框的大小，又不想改变盒子的大小，可以使用：box-sizing: borde..
2022-08-18 01:39:41
203
原创 什么是前端
什么是前端？前端一般指你在PC端和手机端看得到界面，安装的程序，所有用户能看的一切都是属于前端的，目前来讲，前端就是服务器端。前端开发岗位是随着互联网的发展而产生的，在以前并不存在前端工程师这一职业，所有的页面都是java工程师编写，现在随着互联网发展，前后端分离，才出现了前端工程师这一职业。前端必须会的三个技能，html，css，js。html用于给页面搭建框架，如同把房子修好，但是房子属于毛坯房没有任何装修，不仅不好看，还没有任何现代化用品，所以根本不能住人，css用于给页面添加各种样式
2022-08-18 01:35:56
361
原创 弹性盒知识点
一、弹性盒的概念弹性盒是css3新增的一种布局模式 引入弹性盒布局模型的目的：是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配。 设置弹性盒：给父元素设置 display:flex; 设置为块级弹性盒 独立成行 display:inline-flex; 设置行内快弹性盒 注意：弹性盒默认只有一行，弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。 父元素设置弹性盒之后，里面的弹性子元素-类似于行内块...
2022-08-18 01:34:28
182
原创 什么是前端
什么是前端？前端一般指你在PC端和手机端看得到界面，安装的程序，所有用户能看的一切都是属于前端的，目前来讲，前端就是服务器端。前端开发岗位是随着互联网的发展而产生的，在以前并不存在前端工程师这一职业，所有的页面都是java工程师编写，现在随着互联网发展，前后端分离，才出现了前端工程师这一职业。前端必须会的三个技能，html，css，js。html用于给页面搭建框架，如同把房子修好，但是房子属于毛坯房没有任何装修，不仅不好看，还没有任何现代化用品，所以根本不能住人，css用于给页面添加各种样式
2022-08-18 01:31:58
116
原创 html常用的标签
一、结构布局标签（一）结构标签1、<div></div>——无意义，像一个装东西的大盒子，运用最多2、<span></span>——无意义，像一个装东西的小盒子，有凸显里面文字的作用（二）语义化布局标签（像有名字的div）1、<header></header>头部2、<section></section>内容块3、<footer></footer>尾部4、&
2022-08-15 20:08:32
617
原创 css滑入显示
DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <style> .content{ background: #fff; border: 1px solid #ddd; padding: 10px; color: red; position: absolute;...
2022-08-15 20:06:58
241
原创 【无标题】
关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CSS 动画由规范 -- CSS Animations Level 1[1]定义。CSS 动画用于实现元素从一个 CSS 样式配置转换到另一个 CSS 样式配置。动画包括两个部分: 描述动画的样式规则和用于指..
2022-08-15 20:04:46
29
原创 html表格
1、表格标记表格是网页中十分重要的组成元素。表格用来存储数据，包含标题、表头、行和单元格。在HTML语言中，表格标记使用符号<table>表示。定义表格光使用<table>是不够的，还需要定义表格中的行、列、标题等内容。标记 说明 表格标记<table> <table></table>标记表示整个表格。<table>标记中有很多属性，例如 width 属性用来设置表格的宽度，border 属性用来设置表格的边框，
2022-08-15 20:02:25
187
原创 新增的多媒体元素
新增的多媒体元素HTML5 规定了网页包含视频、音频的标准方法### 1、音频audio- HTML5种新增的音频的标准方法- IE8及更早版本的浏览器中不支持- HTML5中支持的音频格式 - ogg audio/ogg 支持浏览器 chrome、Firefox、Opera10+ - MP3 audio/MPEG 支持浏览器 chrome、firefox、OPera10+、IE9+、safari - wav audio/wav 支持浏览器 chrome、Firefox、Opera、Safa...
2022-08-15 20:00:09
50
原创 html浮动布局
浮动的概念flaot ：left flaot：right 左浮动 和 右浮动 float:none 不浮动 现在来展示一下浮动的用法 例如： <style type="text/css"> //清除内外边距 *{margin:0;padding:0} .box{width:1000px;} .left{width:500px;bgakround:"red"} .right{width:500px;backround:"cyan"} </style> <div...
2022-08-15 19:56:38
440
原创 css固定定位
3600人阅读fixed表示，相对于视口（viewport，浏览器窗口）进行偏移，即定位基点是浏览器窗口（浏览器的可视页面）。这会导致元素的位置不随页面滚动而变化，好像固定在网页上一样。语法：选择器 { position: fixed; }它如果搭配top、bottom、left、right这四个属性一起使用，表示元素的初始位置是基于视口计算的，否则初始位置就是元素的默认位置。固定定位的特点： 以浏览器的可视窗口为参照点移动元素 定位参照点跟父元素没有任何关系 固定
2022-08-15 19:51:14
451
原创 css动画无限循环
实现代码 div{ animation:myanimation 5s infinite; } @keyframes myanimation { from {top:0px;} to {top:200px;} } 注:animation ->Css3动画属性 myanimation->随便命名 infinite 可重复,去掉就不重复了top可以改为宽高,或者方向等等任何CSS属性form 开始t...
2022-08-15 19:49:01
894
原创 怪异盒模型
标准盒子模型和怪异盒子模型 一、概念 二、计算方法 三、默认盒模型 四、盒模型转换 五、演示代码 六、总结 今天来为简单介绍一个在HTML+CSS中的一个重要概念：标准盒子模型和怪异盒子模型。一、概念标准盒模型采用的W3C标准，盒子的content内容部分由width宽度和height高度决定，添加padding内边距或border外边框后，宽高都会进行相应增长； ②怪异盒模型也称为IE盒模型，是IE浏览器设计元素时遵循的规则。怪异盒模型的宽高在div盒子初次.
2022-08-15 15:16:29
1208
原创 什么是html
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML标签及文本内容 HTML文档也叫做web 页面...
2022-08-15 14:45:07
100
原创 【无标题】前端html常用的标签
HTML标签 <html> 双标签<br />单标签 </html> 有包含关系和并列关系HTML基本结构 <html> <head> <title>网页的标题</title> </head> <body> 网页的内容部分 </body> </html>..
2022-07-12 22:56:45
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人