- 博客(17)
- 收藏
- 关注
原创 前端基础(17):图片整合提高浏览器速度
1、图片整合的概念,使用图片整合的优势2、实现图片整合的方法和技巧3、滑动门的概念4、浏览器的兼容的概念及原因5、常见的CSS bug及CSS hack
2020-10-05 14:16:05
386
原创 前端基础(16):grid布局
它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。
2020-10-05 14:13:52
454
1
原创 前端基础(15):移动端布局vw + rem、flex布局
1、rem + 媒体查询 适配2、rem + vw 适配3、flexible 适配方案4、移动端布局实现方案
2020-10-05 14:11:08
529
原创 前端基础(14):移动端布局(媒体查询及响应式 + rem)
1、Responsive Web Design 响应式设计布局概念2、媒体查询的概念及应用3、meta标签的设置4、dpi、ppi介绍5、dpr (设备像素比)
2020-10-05 14:08:06
721
1
原创 前端基础(13):CSS3新增属性和选择器
1、CSS3的概念、优势及应用2、渐进增强和优雅降级的简介3、CSS3部分新增选择器的语法及应用4、CSS3的新增属性语法及应用
2020-10-05 12:19:01
319
原创 前端基础(12):HTML5新增语义化标签与表单元素
1、HTML5发展史2、HTML5语法3、HTML5新增语义化标签及应用场景4、智能表单的使用和规范
2020-10-05 12:09:51
498
原创 前端基础(8):PC端宽高自适应
1、PC自适应的概念2、宽、高的自适应实现3、高度塌陷的出现场景4、高度塌陷的解决办法5、伪元素选择器的语法及应用场景
2020-08-29 09:09:51
2749
原创 前端基础(7):定位锚点与透明属性设置
1、position 定位属性和属性值2、定位元素的层级属性3、包含块的概念和应用4、锚点连接的语法和应用场景5、透明属性的应用
2020-08-29 08:55:24
727
原创 前端基础(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
279
原创 前端基础(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
574
原创 前端基础(4):css盒模型
一、盒模型的简介盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。二、盒子模型的相关属性1、padding的使用方法说明:填充:padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。用法:1)用来调整内容在容器中的位置关系2)用来调整子元素在父元素中的位置关系。注:padding属性需要添加在父元素上。3)padding值是额外加
2020-08-28 20:08:20
146
原创 前端基础(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
444
原创 前端基础(2):部分表单元素与CSS基础
表单的作用:用来收集用户的信息的;表单包含三个组成部分:表单域:包含了处理表单数据所用的程序的URL以及数据提交到服务器的方法。表单控件(对象、元素):包含了文本框、密码框、隐藏、多行文本框(文本域)、复选框、单选框、下拉列表、文件上传框、提交按钮、复位按钮、一般按钮。提示信息:同一个表中还应该添加一些说明性文字,提示用户填写操作。1、表单域2、文本框3、密码框4、重置按钮5、按钮...
2020-08-19 21:31:05
337
原创 前端基础(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
202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人