自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 web css

1、减少工作量,网站、设计、代码、内容都 只需要一份,多出来的工作量只是JS脚本、CSS样式做一些改变。not: not是用来排除掉某些特定的设备的,比如 @media not print(非打印设备)响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。1.虚拟窗口:创建虚拟窗口,自定义窗口的大小和缩放功能,能适应移动设备的屏幕大小。* 使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而达到适配不同屏幕的目的。

2022-10-28 10:08:33 94 1

原创 web css

css3动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、旋转(rotateIn|rotateOut)、翻转(flip)、淡入淡出(fadeIn|fadeOut)等动画效果。animation: 动画名称 动画执行时间 动画速度曲线 延迟时间 动画播放次数 动画运动方向 动画结束之后显示的状态。- 允许负值,(-2s 使动画马上开始,但跳过 2 秒进入动画)2.ease 默认值 慢速度开始--速度变快--慢速度结束。5.ease-in-out 以慢速度开始和结束的过渡效果。

2022-10-28 10:04:20 57

原创 web css

contain:包含,等比例缩放背景图片到完整显示在盒子中,有一边到达边界就停止放大, 可能导致另一边留白 但是背景图可能在区域范围内铺不满(宽高给大点)/* contain:包含,等比例缩放背景图片到完整显示在盒子中,但是背景图可能在区域范围内铺不满(宽高给大点) */background:repeating-linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);背景图片相对于边框区域来定位。/* 背景被裁剪到边框区域,在内容区、内填充区、边框区域显示,默认值 */

2022-10-28 10:02:17 83

原创 web css

html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。

2022-10-28 09:55:33 97

原创 web html相关内容

新增语义化元素新增表单相关新元素、新属性新增canvas元素canvas 元素使用JavaScript 在网页上绘制图像新增了多媒体相关的video和audio元素地理信息HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能,定位更加准确、灵活对本地存储的更好支持本地存储:提供两种客户端存储数据的方法localStorage存储sessionStorage存储说明:兼容性是指(时间维度)向后兼容, 就是本设备(或者软件)跟更老的设备比较, 是否可以读取更老设备的数据向前

2022-10-16 13:48:28 100

原创 web 项目规范

小U课堂。

2022-10-16 13:46:55 115

原创 web ps基础

Adobe Photoshop,简称“PS”],是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。

2022-10-16 13:45:36 274

原创 web ps基础

Adobe Photoshop,简称“PS”],是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。

2022-10-16 13:44:49 91

原创 web 阿里矢量图标

1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码,下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式:下载代码1、Unicode 方式引用Unicode 是字体在网页端最原始的应用方式,特点是:兼容性最好,支持 IE6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。

2022-10-16 13:43:40 142

原创 web表单

表单的作用:用于搜集不同类型的用户输入。表单的组成:表单元素(控件)、表单区域。

2022-10-13 17:18:30 751

原创 web 9.29

webkit-box-orient必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。内部的Box会在垂直方向,一个接一个地放置 Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的margin box的左边,与包含块border box的左边相接触(对于从左往右的格式化,否则相反),

2022-09-29 21:28:25 43

原创 web 9.28

为了使特殊形状的背景使能够自由拉伸滑动,以适应元素内部的文本内容,出现了CSS滑动门技术。最常见于各种导航栏的滑动门。

2022-09-28 20:50:26 43

原创 9.22 学习之路

2.1 继承性2.1.1 概念父元素向后代元素传递属性的机制。2.1.2、表现后代元素会继承父元素的属性。2.1.3、总结常用可继承的属性font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等2.1.4、强制继承每个CSS属性都接受这些值inherit,表示强制开启了继承”。2.1.5、作用恰当地使用继承可以简化代码,降低CSS样式的复杂性。3.2、优先级。

2022-09-25 19:54:34 72

原创 web 9.19

表格由table标签来定义。每个表格均有若干行(由tr标签定义),每行被分割为若干单元格(由td标签定义)。类比:excel表格&网页中的表格未定宽度的表格、单元格适应内容同一行只识别一个高,取最大值同一列只识别一个宽,取最大值表格可以包含其他HTML标签以及表格全称:Cascading Style Sheets,通常称为CSS样式表或层叠样式表(级联样式表)。

2022-09-19 20:30:57 59

原创 web 917 html常用标签

重点掌握内部链接,外部链接,锚点链接。

2022-09-17 14:05:42 68 1

原创 web学习 9.15

HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言。通过HTML标记(标签)对网页中的文本、图片、多媒体等内容进行描述。“超文本”:不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。“标记语言”:标记语言是由一套标记标签组成的。

2022-09-15 22:57:47 63

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除