自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (10)
  • 收藏
  • 关注

原创 H5+CSS3新特性

# 目标- 能够说出 3~5 个 HTML5 新增布局和表单标签- 能够说出 CSS3 的新增特性有哪些# HTML5新特性## 概述HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是 **IE9+ 以上版本的浏览器**才支持,如果不考虑兼容性问题,可以大量使用这些新特性。## 语义化标签 (★★)以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的```html<di.

2021-10-11 17:13:04 102

原创 CSS#7

# day09-前端基础CSS第七天> 学习目标:>> ​ 能够使用精灵图>> ​ 能够使用字体图标>> ​ 能够写出 CSS 三角>> ​ 能够写出常见的 CSS 用户界面样式>> ​ 能够说出常见的布局技巧## 1. 精灵图(重点)### 1.1 为什么需要精灵图![1571482435259](images/1571482435259.png)一个网页中往往会应用很多...

2021-10-09 18:11:03 62

原创 CSS#6

> **今日目标**>> - 能够说出 为什么要用定位> - 能够说出 定位的 4 种分类> - 能够说出 4 种定位各自的特点> - 能够说出 为什么常用子绝父相布局> - 能够写出 淘宝轮播图布局> - 能够说出 显示隐藏的 3 种方式以及区别## 1. 定位(position) 介绍### 1.1 为什么使用定位> 我们先来看一个效果,同时思考一下**用标准流或浮动能否实现类似的效果**?**场景1**: 某个元素..

2021-10-09 18:10:05 364

原创 CSS#5

> 学习目标:>> ​ 了解 PS切图>> ​ 掌握 CSS属性书写顺序>> ​ 掌握 学成在线案例>## 1. PS 切图### 1.1. 常见的图片格式| 序号 | 格式 | 特点和常用的用途 || ---- | ---- | ----------------------------------------------...

2021-10-09 18:09:20 59

原创 CSS#4

## 一、其他样式 ### 1、圆角边框在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法:```cssborder-radius:length; ```- 参数值可以为数值或百分比的形式- 如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%- 该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角- 分开写:border-...

2021-10-09 18:08:14 43

原创 CSS#3

# css第03天## 一、css三大特性### 1、层叠性​ 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题​ 层叠性原则:- 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式- 样式不冲突,不会层叠![1571490015544](images\1571490015544.png)### 2、继承性​ CSS中的继承: 子标签会继承父标签的某些样式,如文本颜...

2021-10-09 18:07:15 50

原创 CSS#2

# css第二天## 一、emmet语法### 1、简介​ Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。​ 快速生成HTML结构语法​ 快速生成CSS样式语法### 2、快速生成HTML结构语法- 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 <div></div>- 如果想要生成多个...

2021-10-09 18:05:53 54

原创 CSS#1

##css第一天总结###css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面...

2021-10-09 18:04:36 80

原创 html笔记#2

html笔记#2##表格###表格的主要作用 1.表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理 2.表格不是用来布局页面的,而是用来展示数据的。​ ![](images/表格1.png) 3.表格的具体用法: <table> <tr> ...

2021-10-09 18:00:29 43

原创 html笔记#1

##HTML第一天###我们接下来是进行的网页开发网页的相关概念:+ 什么是网页?+ 什么是HTML?+ 网页的形成?##什么是网页: 1.网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。 2.网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。###网页的组成: 1.网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结...

2021-10-09 17:58:07 74

day10-HTML5&CSS3提高.pdf

day10-HTML5&CSS3提高.pdf

2021-10-11

笔记-day09-前端基础CSS第七天.pdf

笔记-day09-前端基础CSS第七天.pdf

2021-10-11

笔记-day08-前端基础CSS第六天.pdf

笔记-day08-前端基础CSS第六天.pdf

2021-10-11

笔记-day07-前端基础CSS第五天.pdf

笔记-day07-前端基础CSS第五天.pdf

2021-10-11

css第04天.pdf

css第04天.pdf

2021-10-11

css第03天.pdf

css第03天.pdf

2021-10-11

CSS学习第2天总结.pdf

CSS学习第2天总结.pdf

2021-10-11

CSS学习第一天总结.pdf

CSS学习第一天总结

2021-10-11

html学习笔记第二天总结.pdf

html学习笔记第二天总结

2021-10-11

html学习笔记第一天总结.pdf

html学习笔记第一天

2021-10-11

空空如也

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

TA关注的人

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