- 博客(24)
- 收藏
- 关注
RSS订阅原创 Web前端知识CSS（响应式设计）
也叫响应式布局，响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的。
2022-10-10 10:19:49
817
原创 Web前端知识CSS(帧动画)
keyframes 动画名称（英文） {/* 动画的开始 *//* 在25%的时候进行的一个动画 *//* 在50%的时候进行的一个动画 *//* 动画结束 */}from,to表示开始、结束状态，也可以使用0%,100%定义@keyframes 动画名称（英文） {/* 动画开始 *//* 动画结束 */}
2022-10-10 10:17:57
264
原创 Web前端知识CSS（css3新增功能、移动端项目）
视口简单来说就是浏览器显示页面内容的区域。视口：浏览器显示内容的屏幕区域，相当于PC端浏览器可视区 (白板区域)在PC端，正常的视口宽度就是整个浏览器的窗口可视区的宽度，会随着浏览器窗口大小的重置而缩放；
2022-10-10 10:09:38
216
原创 Web前端知识CSS（弹性盒子）
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端。...
2022-08-18 15:11:49
63
原创 Web前端知识CSS（背景属性、多列布局、弹性盒子）
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端。...
2022-08-18 14:41:30
232
原创 Web前端知识CSS（css3基础、浏览器私有前缀、新增伪类选择器、背景属性、框模型、阿里矢量图标在线引入）
是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...
2022-08-18 14:30:24
155
原创 Web前端知识CSS（HTML5 新增的语义化标签、新特性、新增的多媒体标签、新增的表单标签）
html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。
2022-08-18 14:25:37
212
原创 布局技巧（等高布局、圣杯布局、双飞翼布局）
当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态...
2022-08-15 11:27:18
84
原创 PS基础操作
Adobe Photoshop，简称“PS”]，是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。...
2022-08-15 09:49:39
1469
原创 Web前端知识CSS（阿里矢量图标引入方式、文本溢出显示省略号）
1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码，下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式：下载代码1、Unicode 方式引用Unicode 是字体在网页端最原始的应用方式，特点是：兼容性最好，支持 IE6+，及所有现代浏览器。支持按字体的方式去动态调整图标大小，颜色等等。但是因为是字体，所以不支持多色。...
2022-08-15 09:22:00
393
原创 Web前端知识CSS（HTML表单、表单元素、表单属性、表单控件）
能够说出表单组成部分掌握HTML常用表单元素掌握HTML常用表单属性表单的作用：用于搜集不同类型的用户输入表单的组成：表单元素（控件）、表单区域生活中的表单：网页中的表单：表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互一个完整的表单包含：表单域，表单控件（表单元素），提示信息，共三个部分；语法：<form></form> 作用：定义 HTML 表单域，是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，
2022-08-15 08:36:24
703
原创 Web前端知识CSS（CSS定位、CSS透明、阴影、边框圆角）
普通文档流中块元素垂直排列，行内元素水平排列。定位能够让我们把一个元素从它原本在正常布局流中应该在的位置移动到另一个位置（自由的在某个盒子内移动位置或者固定在屏幕中的某个位置）...
2022-08-05 16:49:19
487
原创 Web前端知识CSS（清浮动的方法、CSS精灵图、滑动门）
css精灵英文叫法 css sprites，通常被解释为“CSS 图像拼合”或“CSS 贴图定位”；其实就 是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”， “background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置css精灵图可以实现特殊形状的背景自由拉伸滑动，能适应不同字数的内容。...
2022-08-05 16:41:38
165
原创 Web前端知识CSS（CSS显示模式、CSS浮动）
概念：父元素向后代元素传递属性的机制表现：后代元素会继承父元素的属性总结常用可继承的属性一般text-,line-,font-,color开头的基本都能继承a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style可继承的属性fontcolor强制继承每个CSS属性都接受这些值inherit 表示强制继承”。作用恰当地使用继承可以简化代码，降低CSS样式的复杂性。...
2022-08-05 16:37:24
126
原创 Web前端知识CSS（外间距塌陷问题、overflow详解、CSS背景、CSS显示模式）
本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素：span,strong,em,i,a,b本身属性为display:inline-block的元素称为行级块元素常见行内块元素：img、input(表单元素后续会讲到)没有设置宽高的时候，宽继承父元素的宽度，高度由内容撑开默认独立成行——默认垂直布局。...
2022-08-03 08:49:46
663
原创 Web前端知识CSS（CSS盒模型、CSS显示隐藏）
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距、边框、填充、和实际内容。（即装东西的容器）所有HTML标签可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用的。（即网页布局就是利用CSS摆盒子）...
2022-07-26 22:32:28
247
原创 Web前端知识CSS（表格CSS属性、CSS字体、文本属性、常用复合选择器）
指定CSS表格边框，使用border属性，通常定义td,th的边框属性表格会呈现双边框，是因为表和th/td元素有独立的边界。table存在默认属性border-collapseseparate。
2022-07-22 18:09:34
810
原创 web前端知识CSS（CSS简介、引入方法以及CSS基本选择器）
CascadingStyleSheets通常称为CSS样式表或层叠样式表（级联样式表）CSS选择器是CSS规则的第一部分，每个CSS规则都以一个选择器或一组选择器为开始CSS选择器即用于“查找”（或选取）要设置样式的HTML元素的模式选择器可以分为基础选择器、复合选择器总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式，单独使用要慎重*号通常用于重置样式【最不常用】.........
2022-07-22 17:20:48
472
原创 web前端知识HTML5（浏览器及内核、网页的组成、HTML介绍）
web浏览器是用于读取HTML文件，并将其作为网页显示浏览器最重要的部分或其核心是渲染引擎，我们一般称为内核；内核的作用负责对网页语法的解释并渲染网页；五大浏览器：chrome、safari、Firefox、Opera、IE1.chrome 谷歌浏览器生产商：Google内核：webkit、blink2.Firefox 火狐浏览器生产商：Mozilla内核：gecko3.Safari 苹果浏览器生产商：苹果公司内核：webkit4.opera 欧朋浏览器生产商：挪威欧普拉软件公司内核：presto blin
2022-07-12 22:03:30
472
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人