自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端基础(17):图片整合提高浏览器速度

1、图片整合的概念,使用图片整合的优势2、实现图片整合的方法和技巧3、滑动门的概念4、浏览器的兼容的概念及原因5、常见的CSS bug及CSS hack

2020-10-05 14:16:05 310

原创 前端基础(16):grid布局

它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。

2020-10-05 14:13:52 361 1

原创 前端基础(15):移动端布局vw + rem、flex布局

1、rem + 媒体查询 适配2、rem + vw 适配3、flexible 适配方案4、移动端布局实现方案

2020-10-05 14:11:08 455

原创 前端基础(14):移动端布局(媒体查询及响应式 + rem)

1、Responsive Web Design 响应式设计布局概念2、媒体查询的概念及应用3、meta标签的设置4、dpi、ppi介绍5、dpr (设备像素比)

2020-10-05 14:08:06 592 1

原创 前端基础(13):CSS3新增属性和选择器

1、CSS3的概念、优势及应用2、渐进增强和优雅降级的简介3、CSS3部分新增选择器的语法及应用4、CSS3的新增属性语法及应用

2020-10-05 12:19:01 258

原创 前端基础(12):HTML5新增语义化标签与表单元素

1、HTML5发展史2、HTML5语法3、HTML5新增语义化标签及应用场景4、智能表单的使用和规范

2020-10-05 12:09:51 419

原创 前端基础(11):CSS3 3d

1、3D2、CSS3动画

2020-10-05 11:57:17 280

原创 前端基础(10):CSS3 2D

1、渐变2、过渡3、2D

2020-10-05 11:38:46 146

原创 前端基础(9):表单、表格书写方法(后台管理系统)

1、表单高级用法2、表格高级用法3、BFC的概念及应用场景

2020-08-29 09:35:24 924

原创 前端基础(8):PC端宽高自适应

1、PC自适应的概念2、宽、高的自适应实现3、高度塌陷的出现场景4、高度塌陷的解决办法5、伪元素选择器的语法及应用场景

2020-08-29 09:09:51 2638

原创 前端基础(7):定位锚点与透明属性设置

1、position 定位属性和属性值2、定位元素的层级属性3、包含块的概念和应用4、锚点连接的语法和应用场景5、透明属性的应用

2020-08-29 08:55:24 637

原创 前端基础(6):CSS元素类型

一、元素类型分类依据和元素类型分类根据css显示分类,HTML元素被分为三种类型:块状元素,内联元素、可变元素1.块状元素(block element)A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等;B)默认情况下,块状元素都会占据一行按顺序自上而下排列,通俗地说,两个相邻块状元素不会出现并列显示的现象。C)块

2020-08-28 21:20:22 226

原创 前端基础(5):页面重构与文本溢出

一、溢出属性(容器)overflow:visible/hidden/scrol/auto/inhert;说明:visible:默认值hidden:内容被修剪,并且其与内容不可见;scroll:内容被修剪,浏览器显示滚动条,以便查看其余内容;auto:如果内容被修剪,浏览器显示滚动条,以便查看其余内容;inherit:从父元素继承overflow属性值;二,空余空间white-space:normal/nowrap/pre/pre-line/inherit;说明:normal:默认值

2020-08-28 20:38:07 492

原创 前端基础(4):css盒模型

一、盒模型的简介盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。二、盒子模型的相关属性1、padding的使用方法说明:填充:padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。用法:1)用来调整内容在容器中的位置关系2)用来调整子元素在父元素中的位置关系。注:padding属性需要添加在父元素上。3)padding值是额外加

2020-08-28 20:08:20 116

原创 前端基础(3):选择符的权重和CSS核心属性

DAY3 :选择符的权重及CSS核心属性一、CSS选择符的权重css中用四位数字表示权重,权重的表达方式如:0,0,0,0类型选择符的权重为0001class选择符的权重为0010id选择符的权重为0100子选择符的权重为0000属性选择符的权重为0010伪类选择符的权重为0010伪元素选择符的权重为0010包含选择符的权重:为包含选择符的权中之和内联样式的权重为1000继承样式的权重为0000二、CSS层叠概念作用于同一个元素上的多个样式会出现冲突,当多个样式发生重叠,优先级高

2020-08-22 20:27:04 358

原创 前端基础(2):部分表单元素与CSS基础

表单的作用:用来收集用户的信息的;表单包含三个组成部分:表单域:包含了处理表单数据所用的程序的URL以及数据提交到服务器的方法。表单控件(对象、元素):包含了文本框、密码框、隐藏、多行文本框(文本域)、复选框、单选框、下拉列表、文件上传框、提交按钮、复位按钮、一般按钮。提示信息:同一个表中还应该添加一些说明性文字,提示用户填写操作。1、表单域2、文本框3、密码框4、重置按钮5、按钮...

2020-08-19 21:31:05 296

原创 前端基础(1):HTML基础

**前端知识:web前端,移动前端**web标准:**结构(HTML)、表现(css)、行为(JavaScript)组织解析:1、w3c(world wide web consortium)万维网联盟2、ECMA(European computer manufacture association)欧洲电脑厂商联合会3、WHATWG网页超文本应用技术工作小组HTML基本结构和基本语法:基本结构:<!doctype html><html> <head&

2020-08-18 21:02:34 173

空空如也

空空如也

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

TA关注的人

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