CSS3高级
本章介绍2d,3d转换和动画
思维导图
transform(2D)移动盒子translate ★
格式1 transform:translate(x,y)
格式2 transform:translateX(x)
格式3 transform:translateY(y)
括号中写X轴和Y轴的 ...
CSS08
本章介绍H5新标签,属性选择器、结构伪类选择器、伪元素选择器、C3盒模型、图片模糊处理
思维导图
HTML5新特性概述HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。
这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容 ...
CSS07
本章介绍精灵图、字体图标、CSS三角形、鼠标样式、输入框轮廓、图片和文本居中、溢出文本省略号、PC端CSS初始化样式
思维导图
精灵图(重点)为什么需要精灵图
一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大 ...
CSS06
本章介绍 定位,浮动,隐藏
思维导图
定位(position) 介绍为什么使用定位我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果?
场景1: 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.
场景2:当我们滚动窗口的时候,盒子是固定屏幕某个位置的。
...
CSS04
本章介绍圆角边框、盒子和文本阴影、浮动、PS切图
思维导图
圆角边框在 CSS3 中,新增了圆角边框样式border-radius,这样我们的盒子就可以变圆角了。
语法
1border-radius:value;
参数值可以为数值或百分比的形式如果是正方形,想要设置为一个圆,把数值修改为 ...
CSS03
本章介绍CSS三大特性、盒模型、边框、内边距、外边距
思维导图
css三大特性层叠性
概念
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题
层叠性原则
样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会 ...
CSS02
本质介绍EMMET语法、复合选择器、css显示模式display、css背景
思维导图
emmet语法简介Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。快速生成HTML结构语法快速生成CSS样式语法
快速生成HTML结 ...
CSS01
本质介绍css基础选择器,引入CSS的三种方式
思维导图
CSS 简介什么是CSSCSS是层叠样式表,用来美化页面,布局页面
CSS书写位置css样式要写在style标签中,style标签写在head标签中。
12345678910111213<!DOCTYPE html><h ...
HTML02
思维导图
表格表格的主要作用表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理
表格不是用来布局页面的,而是用来展示数据的。【重要】
表格完整代码
代码
...
HTML01
思维导图
网页相关概念什么是网页1.网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。
2.网页是网站中的一“页”,通常是 HTML或者HTM 格式的文件,它要通过浏览器来阅读。
网页的组成1.网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等 ...