自定义博客皮肤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)
  • 收藏
  • 关注

原创 css过渡动画

语法transition: css样式 动画的执行时间 速度类型 动画的延迟时间;多个css属性用逗号隔开​注意:谁发生了属性的改变 就加在谁身上属性css样式:参与过渡的css属性名称|all表示所有属性动画执行时间:默认0s,s|ms(毫秒) 1s=1000ms速度类型。

2022-10-26 20:47:40 416

原创 CSS3基础

是css技术的升级版本,在css2的基础上,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷css3按模块化进行设计,比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。

2022-10-24 21:39:13 109

原创 HTML5

MP3 audio/MPEG 支持浏览器 chrome、firefox、OPera10+、IE9+、safari。典型应用:论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组,或者其他独立的内容项目。作用:元素表示文档、页面、应用或网站中的独立结构,可以成为可独立分配的或可复用的结构。典型应用:主导航、侧边栏导航、页内导航、菜单、面包屑导航、分页、目录和索引等。被主体内容引用的,相对独立的内容块,如:图表、代码块、图片等。WebM 支持的浏览器chrome、Firefox、Opera。

2022-10-24 21:37:07 104

原创 ps基础用法

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

2022-10-17 20:29:48 998

原创 圆角、阴影

作用:为元素添加圆角边框单个边定义语法: border-*-radiusborder-top-left-radius 定义了左上角的弧度 border-top-right-radius 定义了右上角的弧度 border-bottom-right-radius 定义了右下角的弧度 border-bottom-left-radius 定义了左下角的弧度常用取值px百分比分别相对于宽高计算(非内容)不允许负值简写border-radius语法空格 隔开。

2022-10-17 20:22:03 101

原创 html表单

表单元素,表单元素属性。

2022-10-14 11:01:55 90

原创 css精灵

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

2022-09-28 21:49:11 76

原创 css定位布局

如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的,那么元素的“height”和“width”将隐式地由偏移量决定。浮动元素: 使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本、图片、表单标签依然会为这个元素让出位置,环绕在周围。相对于元素在正常的文档流中的位置移动它,把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。

2022-09-28 21:46:16 101

原创 浮动特性总结

生成了一个块级框即 (1)支持宽高 (2)支持垂直方向的margin,padding (3)支持行高、text-align等文本属性。扩展了解: 最初只用于在成块的文本内浮动图像,现在它已成为在网页上创建多列布局的最常用工具之一。说明:左侧列固定,左侧浮动,右侧列使用margin-left预留位置, 右侧列固定同理。总结:浮动脱离文档流不脱离文本流。实现要点:单列定宽,单列自适应。未定宽度的块元素适应内容。1.7、浮动特性应用实例。脱离文档流不脱离文档流。1.7.2、两列自适应。1.6、浮动特性总结。

2022-09-28 21:44:34 155

原创 css浮动

网页中有很多布局效果,标准流没有办法完成,使用可以利用浮动改变元素默认的排列方式,举例说明(如网页中横向排列的模块或者一左一右排列的模块)。1.1、浮动的概念浮动可以使元素【脱离文档流】,【按照指定方向排列】,直到遇到父元素的边界或另一个浮动元素【停止】。1.2、浮动属性floatleft 左浮动right 右浮动float:none 不浮动(默认值)1.3、浮动的基本特性解决问题即清除动的方法1.5、清浮动的方法可以使块元素在一行排列脱离文档流。

2022-09-28 21:39:59 88

原创 css选择器

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 21:04:10 92

原创 css文本内容

1、width作用:设置宽度取值auto默认值。浏览器可计算出实际的宽度。px百分比2.2、height作用:设置高度取值auto默认值。浏览器可计算出实际的宽度。px百分比。

2022-09-25 21:00:29 169

原创 css字体,文本属性

白色: rgb(255,255,255) 、黑色 : rgb(0,0,0) 红色: rgb(255,0,0) 、绿色: rgb(0,255,0) 、蓝色: rgb(0,0,255)/*font-family:"宋体","微软雅黑";*//*与上一个相比产生的效果不同,谁在前使用哪一个*//*产生的效果一致都是字号的两倍*//*第一个任意改写一个系统不存在的字体,会按照第二个字体显示*//*font-family:"微软雅黑","宋体";font-family:"微软雅黑abc","宋体";

2022-09-20 20:49:41 124

原创 HTML表格

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

2022-09-19 20:52:11 114

原创 HTML常用标签

页面中的图片会非常的多,通常我们会新建一个文件夹来存放这些图像文件images,这时候再查找图像,就需要通过路径的来描述图像文件的位置。作用:指定替换文本,默认不显示,当图像不能正常显示时,显示该文字对图像进行替换,有利于用户体验。注意:值可以不带单位默认px,只指定宽或高属性其中一个,另一个按照原比例等比缩放。dl自定义列表、dt 自定义列表项、dd自定义列表项的注释(描述)作为内容展示的图像:产品图、广告图、详情页、文章页中插图。无序列表,用于将没有数字顺序的一组数据或内容进行分组。

2022-09-19 20:48:58 90

原创 HTML标签

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

2022-09-19 20:43:08 251

5_笔记.md

5_笔记.md

2022-10-26

空空如也

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

TA关注的人

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