- 博客(15)
- 收藏
- 关注
原创 外间距和内边距
盒模型所有的元素都是在页面中显示成一个方块,类似一个盒子把元素叫做盒子,设置对应的样式分别为:盒子的边框(border),盒子中的内容与盒子边框之间的间距(内间距),盒子与盒子之间的间距(外间距)盒子的实际大小是:盒子的宽度 = 内容宽度 + 左右边框 + 左右内边距(padding) 盒子的高度 = 内容高度 + 上下边框 + 上下内边距(padding) 1 2如果要增加内边距和边框的大小,又不想改变盒子的大小,可以使用:box-sizing: borde..
2022-08-18 01:39:41
210
原创 什么是前端
什么是前端?前端一般指你在PC端和手机端看得到界面,安装的程序,所有用户能看的一切都是属于前端的,目前来讲,前端就是服务器端。前端开发岗位是随着互联网的发展而产生的,在以前并不存在前端工程师这一职业,所有的页面都是java工程师编写,现在随着互联网发展,前后端分离,才出现了前端工程师这一职业。前端必须会的三个技能,html,css,js。html用于给页面搭建框架,如同把房子修好,但是房子属于毛坯房没有任何装修,不仅不好看,还没有任何现代化用品,所以根本不能住人,css用于给页面添加各种样式
2022-08-18 01:35:56
362
原创 弹性盒知识点
一、弹性盒的概念弹性盒是css3新增的一种布局模式 引入弹性盒布局模型的目的:是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配。 设置弹性盒:给父元素设置 display:flex; 设置为块级弹性盒 独立成行 display:inline-flex; 设置行内快弹性盒 注意:弹性盒默认只有一行,弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。 父元素设置弹性盒之后,里面的弹性子元素-类似于行内块...
2022-08-18 01:34:28
191
原创 什么是前端
什么是前端?前端一般指你在PC端和手机端看得到界面,安装的程序,所有用户能看的一切都是属于前端的,目前来讲,前端就是服务器端。前端开发岗位是随着互联网的发展而产生的,在以前并不存在前端工程师这一职业,所有的页面都是java工程师编写,现在随着互联网发展,前后端分离,才出现了前端工程师这一职业。前端必须会的三个技能,html,css,js。html用于给页面搭建框架,如同把房子修好,但是房子属于毛坯房没有任何装修,不仅不好看,还没有任何现代化用品,所以根本不能住人,css用于给页面添加各种样式
2022-08-18 01:31:58
126
原创 html常用的标签
一、结构布局标签(一)结构标签1、<div></div>——无意义,像一个装东西的大盒子,运用最多2、<span></span>——无意义,像一个装东西的小盒子,有凸显里面文字的作用(二)语义化布局标签(像有名字的div)1、<header></header>头部2、<section></section>内容块3、<footer></footer>尾部4、&
2022-08-15 20:08:32
627
原创 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
256
原创 【无标题】
关注公众号前端开发博客,领27本电子书回复加群,自助秒进前端群本文将比较全面细致的梳理一下 CSS 动画的方方面面,针对每个属性用法的讲解及进阶用法的示意,希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先,我们来简单介绍一下 CSS 动画。最新版本的 CSS 动画由规范 -- CSS Animations Level 1[1]定义。CSS 动画用于实现元素从一个 CSS 样式配置转换到另一个 CSS 样式配置。动画包括两个部分: 描述动画的样式规则和用于指..
2022-08-15 20:04:46
32
原创 html表格
1、表格标记表格是网页中十分重要的组成元素。表格用来存储数据,包含标题、表头、行和单元格。在HTML语言中,表格标记使用符号<table>表示。定义表格光使用<table>是不够的,还需要定义表格中的行、列、标题等内容。标记 说明 表格标记<table> <table></table>标记表示整个表格。<table>标记中有很多属性,例如 width 属性用来设置表格的宽度,border 属性用来设置表格的边框,
2022-08-15 20:02:25
198
原创 新增的多媒体元素
新增的多媒体元素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
58
原创 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
444
原创 css固定定位
3600人阅读fixed表示,相对于视口(viewport,浏览器窗口)进行偏移,即定位基点是浏览器窗口(浏览器的可视页面)。这会导致元素的位置不随页面滚动而变化,好像固定在网页上一样。语法:选择器 { position: fixed; }它如果搭配top、bottom、left、right这四个属性一起使用,表示元素的初始位置是基于视口计算的,否则初始位置就是元素的默认位置。固定定位的特点: 以浏览器的可视窗口为参照点移动元素 定位参照点跟父元素没有任何关系 固定
2022-08-15 19:51:14
456
原创 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
919
原创 怪异盒模型
标准盒子模型和怪异盒子模型 一、概念 二、计算方法 三、默认盒模型 四、盒模型转换 五、演示代码 六、总结 今天来为简单介绍一个在HTML+CSS中的一个重要概念:标准盒子模型和怪异盒子模型。一、概念标准盒模型采用的W3C标准,盒子的content内容部分由width宽度和height高度决定,添加padding内边距或border外边框后,宽高都会进行相应增长; ②怪异盒模型也称为IE盒模型,是IE浏览器设计元素时遵循的规则。怪异盒模型的宽高在div盒子初次.
2022-08-15 15:16:29
1219
原创 什么是html
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML标签及文本内容 HTML文档也叫做web 页面...
2022-08-15 14:45:07
104
原创 【无标题】前端html常用的标签
HTML标签 <html> 双标签<br />单标签 </html> 有包含关系和并列关系HTML基本结构 <html> <head> <title>网页的标题</title> </head> <body> 网页的内容部分 </body> </html>..
2022-07-12 22:56:45
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人