- 博客(10)
- 资源 (10)
- 收藏
- 关注
原创 H5+CSS3新特性
# 目标- 能够说出 3~5 个 HTML5 新增布局和表单标签- 能够说出 CSS3 的新增特性有哪些# HTML5新特性## 概述HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是 **IE9+ 以上版本的浏览器**才支持,如果不考虑兼容性问题,可以大量使用这些新特性。## 语义化标签 (★★)以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的```html<di.
2021-10-11 17:13:04
135
原创 CSS#7
# day09-前端基础CSS第七天> 学习目标:>> 能够使用精灵图>> 能够使用字体图标>> 能够写出 CSS 三角>> 能够写出常见的 CSS 用户界面样式>> 能够说出常见的布局技巧## 1. 精灵图(重点)### 1.1 为什么需要精灵图一个网页中往往会应用很多...
2021-10-09 18:11:03
90
原创 CSS#6
> **今日目标**>> - 能够说出 为什么要用定位> - 能够说出 定位的 4 种分类> - 能够说出 4 种定位各自的特点> - 能够说出 为什么常用子绝父相布局> - 能够写出 淘宝轮播图布局> - 能够说出 显示隐藏的 3 种方式以及区别## 1. 定位(position) 介绍### 1.1 为什么使用定位> 我们先来看一个效果,同时思考一下**用标准流或浮动能否实现类似的效果**?**场景1**: 某个元素..
2021-10-09 18:10:05
418
原创 CSS#5
> 学习目标:>> 了解 PS切图>> 掌握 CSS属性书写顺序>> 掌握 学成在线案例>## 1. PS 切图### 1.1. 常见的图片格式| 序号 | 格式 | 特点和常用的用途 || ---- | ---- | ----------------------------------------------...
2021-10-09 18:09:20
93
原创 CSS#4
## 一、其他样式 ### 1、圆角边框在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法:```cssborder-radius:length; ```- 参数值可以为数值或百分比的形式- 如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%- 该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角- 分开写:border-...
2021-10-09 18:08:14
65
原创 CSS#3
# css第03天## 一、css三大特性### 1、层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则:- 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式- 样式不冲突,不会层叠### 2、继承性 CSS中的继承: 子标签会继承父标签的某些样式,如文本颜...
2021-10-09 18:07:15
76
原创 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
77
原创 CSS#1
##css第一天总结###css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面...
2021-10-09 18:04:36
101
原创 html笔记#2
html笔记#2##表格###表格的主要作用 1.表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理 2.表格不是用来布局页面的,而是用来展示数据的。  3.表格的具体用法: <table> <tr> ...
2021-10-09 18:00:29
68
原创 html笔记#1
##HTML第一天###我们接下来是进行的网页开发网页的相关概念:+ 什么是网页?+ 什么是HTML?+ 网页的形成?##什么是网页: 1.网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。 2.网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。###网页的组成: 1.网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结...
2021-10-09 17:58:07
93
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人