- 博客(15)
- 收藏
- 关注
RSS订阅原创 Meta标签小记
设置Meta标签<meta name="viewport" content="width=device-width”, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no">这段代码的几个参数解释：width = device-width：布局视口的宽度等于当前设备视口的宽度initial-scale： 初始的缩放比例（默认设置为1.0）minimum-scale：允许用户缩放到的.
2021-08-04 21:42:39
152
原创 多列+媒体选择器小记
多列1、column-count：分栏的个数2、column-width：分栏的宽度3、column-gap：分栏的间距4、column-rule：分栏的边框5、column-span：all/none 设置或检索对象元素是否横跨所有列。6、column-fill设置或检索对象所有列的高度是否统一（目前大部分浏览器尚未支持） auto：列高度自适应内容 balance：所有列的高度以其中最高的一列统一(默认值)7、column...
2021-08-03 22:01:38
75
原创 3D+ 动画+怪异盒子+弹性盒子小记
3Dtransform：perspective（）；景深 视距 单位是pxtranslateZ()往Z轴移动、scaleZ() 沿着Z轴缩放、rotateZ()沿着轴旋转translate3d(x轴位移的距离, y轴位移的距离, z轴位移的距离)scale3d(x轴缩放的大小，y缩放的大小，z轴缩放的大小)rotate3d（0/1，0/1，0/1，旋转的角度）当数变成一的时候执行旋转动画首先先定义动画: @keyframes动画名{ from{}to{}}anima...
2021-08-02 22:32:04
612
原创 2D动态小记
变形属性：transformtransform翻译成汉语具有"变换"或者"改变"的意思。通过此属性具有非常强大的功能，比如可以实现元素的位移、拉伸或者旋转等效果最能体现transform 属性强大实力的是实现元素的3D变换效果2D2D变换，是在一个平面对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸变形属性：transform的所有属性值1、transform：none;默认值2、transform：translate（）；移动 平移 单位是pxtr..
2021-07-31 21:38:51
94
原创 文本阴影+盒子阴影+线性渐变+过度效果小记
文本阴影text-shadow定义/作用：设置文本阴影的效果语法：text-shadow：x方向的位置 y方向的位置【向下】模糊距离 颜色【默认跟文本的颜色一致】有两个必须的属性：x方向的位置 y方向的位置盒子阴影box-shadow定义/作用：设置盒子的阴影效果 阴影颜色受文本颜色影响语法：box-shadow:x轴 y轴 模糊距离 模糊大小 颜色 外/内阴影线性渐变：线性渐变：方向 默认从上到下语法：background：linear-gradient（2
2021-07-29 22:27:17
489
原创 语义标签+视频、音频+文本阴影+盒子阴影小记
语义标签 header 头部区域 footer 尾部区域 nav 导航区域 section 内容区域 article 文章 aside 辅助信息 hgtoup 标题组 figure 【类似于 dl dt dd figcaption 标题】 mark高亮显示【搜索 str+f 要写搜索的内容】 dialog对话框【需要结合open才可显示】 画布 影片 音频视频<video src
2021-07-28 20:40:18
53
原创 BFC+属性选择器+结构伪类选择器小记
Bfc概念BFC 即 Block Formatting Contexts (块级格式化上下文)，通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。1 BFC内部的Box会在垂直方向，一个接一个的放置。2 同一个bfc里 两个相邻的元素同时设置marght会出现高度重叠方法：让两个元素不放在同一个div里 把其中一个放在一个盒子里然后就可以解决这个问题，在父元素里输入一个overflow：hedden3 BF...
2021-07-27 19:48:40
100
原创 表单补充小记
1表单：收集用户信息2表单的组成部分：表单域【表单的区域】+表单控件【linput】+提示信息【请输入姓名】3应用：登录注册界面等等4表单控件：单选框 只能选择一个，必须有name属性，而且name属性必须一致【同一组单选框】tape=“radio”5复选框 可以选择多个type“checkbox”6选择文件type=“file”7下拉菜单<select> 【<option selected disabled>请选择</option>...
2021-07-26 22:25:00
53
原创 HTML5表格基础小记
表格小总结：1表格是什么：页面中用来显示数据用的2 课表、日历，成绩单、oa系统3 语法结构<table><tr> <td><td><tr></table>但是：如果没有加特殊的属性每一行中的单元格数量必须一致4 表格属性加到table里面的：border设置边框 cellspacing边框与边框之间的距离【默认1px】width、height align【...
2021-07-23 20:30:50
117
原创 学习HTML5的第六天
垂直对齐：在垂直方式设置元素位置应用场景：logo垂直居中 下拉菜单垂直居中 控制文本与图片的位置语法：vertical-align：text-top 用的的时候必须把行内元素改成行内块元素属性值：middle、top、text-top、bottom、text-bottom、center如果父级元素设置了line—height 那么bottom在父级DIV的最下面Middle【实现垂直居中】、text-top【重要】、text-bottom【文字的最下方】、top【line-heig..
2021-07-22 22:14:22
44
原创 学习H5的第五天
优先级 权重标签：0001class: 0010id: 0100！important : 最高权重1.当选择器的权重一致时，优先按顺序执行最后的样式，会覆盖前面的样式（操作同一个元素时）2.各个选择器之间的权重： 标签：0001 class: 0010 id: 0100 ！important : 最...
2021-07-20 21:47:38
46
原创 学习H5的第四天
浮动属性：属性 描述 说明float float：letf 元素向左浮动float float：right 元素向右浮动float float：none 元素不浮动浮动的作用1：定义网页中其它文本如何环绕该元素显示浮动的作用2：就是让竖着的东西横着来 clear Clear：none； 允许有浮动对象clear...
2021-07-18 17:46:29
46
原创 学习H5的第三天
字体设置font文字简写font是font-style（倾斜） font-weight （粗细）font-size （大小）/ line-height （行高）font-family （字体）的简写。font:italic 800 30px/80px "宋体"；顺序不能改变 ,必须同时指定font-size和font-family属性时才起作用font-size：大小单位可以是px，pt，em等 12pt=16px 1em=16px 浏览器默认是16px,设计图常用字号是12p...
2021-07-15 20:14:38
71
原创 学习H5的第二天
一、随堂笔记表单<center>居中 <form action=”地址”>From表单：是用来手机用户信息的，常用来用户登录的界面基本结构为《form》文本框 input type="text“密码框input type=“password“提交按钮input type=“ submit“value按钮按钮input type=“button“value 单纯的按钮重置按钮input type=“reset”图片按钮 input type=“img
2021-07-14 20:02:57
77
原创 第一天学习H5的萌新
根据自己学习的进度，做了一个小小的总结。一、基础doctype是文档类型head是头head里面的title是页面标题meta charset=”utf-f” 设置编码方式body是页面内展示的内容br在要换行的后面输入 空格，多个空格用；分开&emsp一个中文大小的空格&ensp半个中文大小的空格二、常用标签H1~h6逐渐减小，可实现自动换行，有行高，双标签<p></p>是段落，双标签，有行高,自动
2021-07-13 19:36:19
48
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人