css
April再冰
纯属学习
展开
-
CSS基础(二)
1、相对单位 浏览器的默认字体大小是16px em 参考点 相对于当前元素的父元素中的字体大小 rem 相对于根元素html中字体的大小 % 相对于父元素的大小 2、盒子模型 浏览器页面中每一个元素都可以被当做一个‘盒子’ (1)组成 width 元素内容的宽度 height 元素内容的高度 padding 元素内容与边框的距离 padding-top 上内边距 padding-bottom 下内原创 2021-05-21 17:12:26 · 81 阅读 · 0 评论 -
CSS基础(一)
1、什么是CSS? CSS (Cascading Style Sheets)层叠样式表,是一个用于修饰文档(可以是标记语言HTML,也可以是XML)的语言,可以将文档以更优雅的形式呈现给用户 2、CSS声明 CSS规则主要由两个部分组成:选择器、一条或者多条声明(每个声明由属性与值构成,属性和值通过冒号隔开) div{ font-size:10px; } 3、CSS声明块 将多个声明写在{}内,每个声明通过‘;’隔开,这样就构成了一个声明块 div{ font-size:10px;原创 2021-05-21 15:03:57 · 85 阅读 · 0 评论 -
轮播图小案例
动画 随着时间的推移动态的改变css的样式属性 (1)语法【组成】 animation 动画的配置 @keyframes 动画的关键帧 (2)属性 例如: /* 动画的名称 */ animation-name: move; /* 动画持续的时间 */ animation-duration: 1s; /* 动画的填充模式 当前div在动画结束时显示的位置原创 2021-05-20 20:28:41 · 74 阅读 · 0 评论 -
呼吸灯小动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>呼吸灯</title> <style> div { box-.原创 2021-05-20 20:10:15 · 82 阅读 · 0 评论 -
利用CSS动画制作梦幻西游动态页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>梦幻.原创 2021-05-20 19:38:55 · 173 阅读 · 0 评论