小承诺·-CSDN博客

原创 day10过渡，动画，雪碧图,多列，三角形

过渡1定义：css3过渡是元素从一种样式逐渐改变为另一种样式的效果过渡必须有触发事件 eg:鼠标悬停、鼠标点击等（过渡后什么样写在这里）2语法：过渡transition是一个复合属性，包括(1)transition-property: ;(规定应用过渡的属性的名称) 必须有可以简写为all可以过渡的属性：①取值为颜色如背景颜色字体颜色阴影颜色②取值为数值③转换 transform④阴影 box-shadow:; text-shadow:;⑤背景渐变(2)t...

2021-09-10 10:35:02 125

原创 day9弹性盒模型，字体图标，转换

弹性盒模型伸缩盒模型 (多用于移动端)1.定义：css弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式在弹性盒中float和clear不生效2.css弹性盒内容：弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成弹性容器通过设置display的属性值为flex将其定义为弹性容器弹性容器内包含了一个或多个弹性子元素注意：弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局...

2021-09-10 09:56:07 148

原创 day8元素定位，居中，圆角，背景渐变

属性 positionposition属性指定了元素的定位类型这个属性定义建立元素布局所用的定位机制，任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移2.属性值值描述static 静态定位默认值，没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）relative 生成相对定位的元素，相对于其正常...

2021-09-10 09:46:11 99

原创 day7内容溢出透明度怪异盒模型浮动

元素内容溢出属性：overflow:;取值：overflow: hidden; 溢出部分隐藏overflow: auto; 自动有溢出就显示滚动条没有溢出则不显示滚动条overflow: scroll; 不管溢不溢出都显示滚动条2.一行文字溢出省略号显示white-space: nowrap; 文字在同一行显示（不换行）overflow: hidden; 溢出部分隐藏text-overflow: ellipsis; 文字溢出部分省略号显示opacity...

2021-09-09 12:44:28 103

原创 day6文本属性盒模型

颜色的取值：1）关键字redyellow2）十六进制包含0-9a-f黑色：#000000简写#000白色#ffffff3)三原色rgb(0,0,0)黑色rgb(255,255,255)白色取值0-255（扣扣截图有）4）rgba()a:透明度取值0-10：完全透明1：不透明o.5简写.5字体属性字体属性具有继承性1）字体颜色color：属性值；2）字体大小font-size:属性值；浏览器...

2021-08-24 22:24:53 65

原创 day5HTML新增css样式表选择器背景属性

HTML5新增的type属性1.email定义用于e-mail地址的字段（当提交表单时会自动对email字段的值进行验证）<input type="email" name="usremail"> 必须包含@，@后面必须有内容2.网址：<input type="url"> 必须包含一个协议，协议后面必须有内容3.搜索:<input type="search">4.颜色:<input type="color">5.电话：<input

2021-08-23 17:03:11 188

原创 day4HTML表单元素分类文档详解

html表单HTML表单用于收集用户输入，可以提交数据到服务器，使页面具有交互性标签<form>提交的数据 </form>双标记，块级元素注意：form之间不能相互嵌套，但是一个页面可以包含多个form属性<formaction="提交的地址"name="表单的名称"method="提交的方式get/post"></for...

2021-08-22 22:18:08 184

原创 day3HTML链接图片表格列表

文本格式化化标签 <b>加粗文本</b><big>大号字</big><em>文字倾斜</em><i>第二种文字倾斜</i><small>小号字</small><strong>文本加粗</strong><sub>下标字</sub><sup>...

2021-08-21 19:25:02 106

原创 day2快捷键和标签

快捷键 1.tab自动补全输入尖括号中间的字母然后按tab2.复制当前行停在当前行然后ctrl+D（多行的话选中就可以了）3.删除当前行ctrl+Y4.统一编辑按住alt--点击统一编辑的位置（点一次选中点两次取消）5.快速注释/取消注释单行 ctrl+/ (鼠标停的位置)多行ctrl+shift+/（需要选中）6.包含关系> tab自动补全eg:div>div>div7.多个*数字 tab自动补全eg:p*68.常用快捷键ctrl+C ..

2021-08-17 17:36:15 64

原创 day1-HTML概念

HTML是用来描述网页的一种语言。HTML指的是超文本标记语言。HTML不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML使用标记标签来描述网页HTML标签标记标签通常被称为HTML标签HTML标签是由尖括号包围的关键词，比如<html>HTML标签通常是成对出现的，比如<b>和</b>标签对中的第一个标签是开...

2021-08-12 22:19:42 57

weixin_44650190的博客