前端
文章平均质量分 94
卖个几把萌
这个作者很懒,什么都没留下…
展开
-
【04】HTML5CSS3-(day02)2D转换,动画
一、rotate2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤:给元素添加转换属性 transform属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度div{ transform: rotate(0deg);}二、三角代码演示<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2023-03-14 21:53:12 · 211 阅读 · 0 评论 -
【04】HTML5CSS3-(day01)
HTML5的概念与定义HTML5定义了HTML标准的最新版本,是对HTML的第五次重大修改,号称下一代的HTML两个概念:是一个新版本的HTML语言,定义了新的标签、特性和属性拥有一个强大的技术集,这些技术集是指:HTML5CSS3javascript, 这也是广义上的HTML5拓展了哪些内容语义化标签本地存储兼容特性2D3D动画、过渡CSS3特性性能与集成HTML5的现状绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性,HTML5。原创 2023-03-13 22:58:26 · 151 阅读 · 0 评论 -
【02】CSS-(day07)css高级技巧
所谓的界面样式, 就是更改一些用户操作样式,以便提高更好的用户体验。更改用户的鼠标样式 (滚动条因为兼容性非常差,我们不研究)表单轮廓等。防止表单域拖拽有宽度的块级元素居中对齐,是margin: 0 auto;让文字居中对齐,是 text-align: center;但是我们从来没有讲过有垂直居中的属性。vertical-align 垂直对齐,它只针对于行内元素或者行内块元素,设置或检索对象内容的垂直对其方式。原创 2023-03-07 23:48:32 · 100 阅读 · 0 评论 -
【02】CSS-(day06)定位(position)
一个完整的网页,有标准流 、 浮动 、 定位 一起完成布局的。每个都有自己的专门用法。原创 2023-03-07 22:01:18 · 144 阅读 · 0 评论 -
【02】CSS-(day04)浮动float
概念:元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置。什么时候用清除浮动呢?父级没高度子盒子浮动了影响下面布局了,我们就应该清除浮动了。后面两种伪元素清除浮动,大家暂且会使用就好, 深入原理,我们后面学完伪元素再讲。原创 2023-03-06 23:05:45 · 111 阅读 · 0 评论 -
【02】CSS-(day03)盒子模型(CSS重点)
很多情况下,我们不需要指定4个边框,我们是可以单独给4个边框分别指定的。原创 2023-03-06 22:01:15 · 96 阅读 · 0 评论 -
【02】CSS-(day02)css复合选择器,标签显示模式,行高,背景,css三大特性
理解标签的三种显示模式三种显示模式的特点以及区别理解三种显示模式的相互转化应用实现三种显示模式的相互转化什么是标签的显示模式?标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个作用:我们网页的标签非常多,再不同地方会用到不同类型的标签,以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。块转行内:display:inline;行内转块:display:block;原创 2023-03-06 00:16:38 · 160 阅读 · 0 评论 -
【02】CSS-(day01)css样式表,css基础选择器,css文字文本样式
使用HTML时,需要遵从一定的规范。CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,选择器用于指定CSS样式作用的HTML标签,花括号内是对该对象设置的具体样式。属性和属性值以“键值对”的形式出现。属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。属性和属性值之间用英文“:”连接。多个“键值对”之间用英文“;”进行区分。选择器尽量少用通用选择器尽量少用 ID 选择器不使用无具体语义定义的标签选择器 div span```html。原创 2023-03-02 23:51:17 · 632 阅读 · 0 评论 -
【01】HTML-(day02)
表格提供了HTML 中定义表格式数据的方法。表格中由行中的单元格组成。表格中没有列元素,列的个数取决于行的单元格个数。表格不要纠结于外观,那是CSS 的作用。表格的学习要求: 能手写表格结构,并且能简单合并单元格。定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。原创 2023-03-02 20:20:16 · 73 阅读 · 0 评论 -
【01】HTML-(day01)
html骨架快捷键:输入 html: 或 !<!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"原创 2021-08-03 22:07:47 · 84 阅读 · 0 评论