前端开发基础
文章平均质量分 94
前端基础
W蘭
这个作者很懒,什么都没留下…
展开
-
HTML5&CSS3提高
目标能够说出 3~5 个 HTML5 新增布局和表单标签能够说出 CSS3 的新增特性有哪些HTML5新特性概述HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。语义化标签 (★★)以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的<div class=“header”> </div&g.原创 2021-05-06 10:18:38 · 314 阅读 · 1 评论 -
CSS-07-精灵图 、字体图标 、 、 CSS 三角 、常见的 CSS 用户界面样式、常见的布局技巧
学习目标: 能够使用精灵图 能够使用字体图标 能够写出 CSS 三角 能够写出常见的 CSS 用户界面样式 能够说出常见的布局技巧1. 精灵图(重点)1.1 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。为什么使用精灵图(目的): 为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites.原创 2021-05-06 08:49:45 · 362 阅读 · 1 评论 -
CSS-06天、定位方式、定位(position)的拓展、淘宝轮播图布局、网页布局总结、元素的显示与隐藏、土豆网鼠标经过显示遮罩
学习目标能够说出 为什么要用定位能够说出 定位的 4 种分类能够说出 4 种定位各自的特点能够说出 为什么常用子绝父相布局能够写出 淘宝轮播图布局能够说出 显示隐藏的 3 种方式以及区别1. 定位(position) 介绍1.1 为什么使用定位我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果?场景1: 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.场景2:当我们滚动窗口的时候,盒子是固定屏幕某个位置的。结论**:要实现以上效果,**标准流.原创 2021-05-05 20:37:55 · 598 阅读 · 0 评论 -
CSS学成案例-05天
day07-前端基础CSS第五天学习目标: 了解 PS切图 掌握 CSS属性书写顺序 掌握 学成在线案例1. PS 切图1.1. 常见的图片格式序号格式特点和常用的用途1jpgJPEG(.JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片 经常用jpg格式的2gifGIF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果, 实际 经常用于一些图片小动画效果3pngpng图像格式,是一原创 2021-04-14 22:19:56 · 166 阅读 · 0 评论 -
css第4天笔记-圆角边框;盒子阴影;文字阴影;浮动;PS切图
学习内容:圆角边框;盒子阴影;文字阴影;浮动;PS切图css第03天一、其他样式1、圆角边框在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法: border-radius:length; 参数值可以为数值或百分比的形式如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角分开写:bor.原创 2021-04-14 22:07:26 · 352 阅读 · 0 评论 -
css第03天笔记、css三大特性、层叠性、盒子模型、边框(border)、内边距(padding)、外边距(margin)、PS 基本操作
学习目标:css三大特性;准确阐述盒子模型的4个组成部分;计算盒子的实际大小;css第03天一、css三大特性1、层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则:样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠2、继承性 CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。恰当地使用继承可以简化代码,降低 CSS 样式的复杂性。子元素可以继.原创 2021-04-13 10:13:18 · 248 阅读 · 0 评论 -
CSS-02、emmet语法、CSS复合选择器、伪类选择器、css的显示模式、背景图片的设置方式
学习目标:能使用emmet语法;CSS复合选择器;写出伪类选择器的使用规范;说出元素有几种显示模式;元素显示模式的相互转换代码;背景图片的设置方式;能够计算CSS的权重;css第二天一、emmet语法1、简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法2、快速生成HTML结构语法生成标签 直接输入标签名 按tab键即可 比如 div .原创 2021-04-12 21:28:27 · 276 阅读 · 0 评论 -
CSS前端基础01-CSS基础选择器、设置字体样式、文本样式、CSS三种引入方式、Chorme调试工具调试样式
学习目标:什么是CSS;CSS基础选择器;设置字体样式;文本样式;CSS三种引入方式;Chorme调试工具调试样式;css第一天总结css简介CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。.原创 2021-04-12 20:36:24 · 383 阅读 · 0 评论 -
HTML 标签的使用方法1
HTML5及CSS学习学习路径:HTML 20%CSS3 50%H5C3 30%包括新增的标签各种网页编程语言的功能结构 网页元素整理分类HTML表现 版式,颜色 大小CSS行为 网页交互的编写后端 JS- 浏览器工作原理转载自[Adazheng的博客](https://www.cnblogs.com/ada-zheng/p/4308581.html)感谢博主能写出这么好的拟人的文章!用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返原创 2020-12-28 14:17:23 · 118 阅读 · 0 评论 -
HTML 标签使用方法2
HTML5及CSS学习表格标签表格:显示展示数据基本语法:<table> <tr> <td>单元格中的文字</td> </tr> </table>定义表格的标签定义表格中的行单元格,标签之间添加内容表头单元格标签语法:<th></th>表格会加粗,内容会居中显示-表格属性(不常用,经常通过css设置)属性原创 2020-12-28 15:17:31 · 97 阅读 · 0 评论