摘要: 1. 动画 动画(animation)是CSS3中具有颠覆性的特征之一,可以通过设置都各节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 相比较过度,动画可以实现更多变化,更多控制,连续自动播放等效果。 1.1 动画的基本使用 制作动画分为两步: (1)先定义动画。 (2)再使用(调用)动画 阅读全文
posted @ 2023-05-25 14:09 柚時一念 阅读(98) 评论(1) 推荐(0) 编辑
摘要: 1.转换 转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。 转换(transform)可以简单理解为变形。 移动:translate 旋转:rotate 缩放:scale 1.1 二维坐标系 2D转换是改变在二维平面上的位置和形状的一种技术。 1.2 阅读全文
posted @ 2023-05-25 09:34 柚時一念 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是Web服务器 服务器(我们也会称之为主机)是提供计算机服务的设备,它也是一台计算机。在网络环境下。根据服务器提供的服务类型不同,服务器又分为文件服务器、数据库服务器、应用程序服务器、Web服务器等。 Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等We 阅读全文
posted @ 2023-05-24 17:05 柚時一念 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 1. CSS3 新增选择器 CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1.1 属性选择器 属性选择品可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。 选择符 简介 E[att] 选择具有 att 属性的E 元素。 E[att="val"] 选择具有 阅读全文
posted @ 2023-05-24 13:52 柚時一念 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 1. HTML5的新特性 HTML5的新增特性主要是针对以前的不足,添加了一些新标签、新的表单和新的表单属性等。 1.1 HTML5新增的语义化标签 <header>:头部标签。 <nav>:导航标签。 <article>:内容标签。 <section>:定义文档某个区域。 <aside>:侧边栏标 阅读全文
posted @ 2023-05-24 09:40 柚時一念 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 因此,为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术。 核心原理: 阅读全文
posted @ 2023-04-08 15:02 柚時一念 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1.定位 1.1 为什么需要定位 1. 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。 2.当我们滚动窗口的时候,盒子是固定屏幕某个位置的。 注意:浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中的某个位置,并且 阅读全文
posted @ 2023-03-26 12:44 柚時一念 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 1.浮动(float) 1.1传统网页布局的三种方式 网页布局的本质———用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式(简单来说,就是盒子如何进行排列顺序): 1. 普通流(标准流)。 2. 浮动。 3. 定位。 1.2标准流(普通流/文档流) 所谓的标准流:就是标签按照 阅读全文
posted @ 2023-03-20 12:55 柚時一念 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 1. 盒子模型 1.1 看透网页布局的本质 页面布局过程: 1. 先准备好相关的网页元素,网页元素基本都是盒子Box。 2. 利用CSS设置好盒子样式,然后摆放到相应位置。 3. 往盒子里面装内容。 网页布局的核心本质:就是利用CSS摆盒子。 1.2 盒子模型(Box Model)组成 所谓盒子模型 阅读全文
posted @ 2023-03-20 00:01 柚時一念 阅读(170) 评论(0) 推荐(0) 编辑
摘要: CSS的三大特性 CSS有三个非常重要的三个特性:层叠性、继承兴、优先性。 1. 层叠性 相同选择器给设置相同样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题。 1.1 层叠性原则 样式冲突,遵循的原则就是就近原则,哪个样式离结构近,就执行哪个样式。 样式不冲突,不会 阅读全文
posted @ 2023-03-19 21:33 柚時一念 阅读(62) 评论(0) 推荐(0) 编辑