- 博客(14)
- 收藏
- 关注
RSS订阅原创 js学习笔记(1)
数据类型 存储类型 js语法： 基本数据类型 数值类型 =>number var n = 100 字符串类型 => string =>引号引起来的 'hello' 'world' var s = 'hello' 布尔类型 => boolean => true | false => var isor = true 为定义的 => undefined 空类型 => null var obj = null 检查基础数据类型 var a
2021-08-09 19:58:31
79
原创 html（13）
1.z-index：元素在z轴上的堆叠层次 z-index：数字 元素默认都为0，值大的盖住值小的 该属性要生效，必须有设置非静态定位才可以 2.三角形实现步骤 1.设置一个div宽高为0 2。设置div四边边框为透明色 transparent 3。设置要的三角形对应边为指定色 //============================================// a+b相邻选中于a相邻的兄弟（只往后看） a～b 同级兄弟 选中与a后面的所有兄弟b seo <meta name='de
2021-07-31 15:50:27
88
原创 html（12）
响应式 概念：任何尺寸的屏幕都会有一个适当的效果 移动端实现的响应式 1.用百分比 2.用rem配合js实现 rem：居于html字体大小 *rem=量取的宽度*100/750 实现步骤： 1.引入js文件 <script src='js文件的路径'></script> 2.js文件里面的两个数字改成设计稿的高度 3.实现的时候，计算成对应的rem值即可 利用插件完成ps转rem：搜索px，安装pxtorem 文件-首选项-设置-搜索 pxtorem，将默认字体大小改为
2021-07-31 15:44:01
113
原创 html(11)
弹性盒子 概念：是一种新的布局方式：让容器有能力控制里面元素的排列方式 专业术语： 容器：被设置了display：flex的元素 项目：容器中的元素就是项目 主轴：元素排列的方向，默认为x轴 侧轴：垂直于主轴的方向，默认为y轴 将元素设置成弹性盒子、容器 display：flex 容器身上的属性 决定主轴的方向 flex-direction：row（默认值）x轴 ｜ column y轴 ｜ row-reverse ｜ column-reverse 项目在主轴的对齐方式 justify-con
2021-07-31 15:02:48
76
原创 html(10)
背景渐变 1.线性渐变 1.普通： background:linear-grudient(颜色1，颜色2) 2.改变方向： background:linear-grudient(to方向的英文 颜色1，颜色2) 3.对角： background:linear-grudient(to垂直 水平 颜色1，颜色2)方向部分先后 4.角度 background:linear-grudient(*deg 颜色1，颜色2)顺时针移动 5.控制比例 background:linear-grudient(*deg 颜色
2021-07-31 14:50:04
72
原创 html(9)
css3新增的属性 1.文字阴影 text-shadow：x的偏移，y的偏移，模糊程度，阴影的颜色 2.盒子阴影 box—shadow:x,y，模糊程度，阴影的颜色，inset； inset代表内阴影，不设置就是外阴影 3.圆角 dorder-radius：*px ｜ *% 4.字体图标 使用方式1 1.设置字体类型 @font-face{ font-family:'字体名称' src:url('*,ttf')设置字体文件的路径 } 2.在html中写对应的结构 <i>对
2021-07-31 14:35:53
135
原创 html(8)
兼容性 概念：同一个在不同的浏览器版本里面效果不一样 代表浏览器 浏览器内核 前缀 欧朋 presto -o- IE trident -ms- 火狐 gecko -moz- 谷歌 webkit -webkit- 常见的兼容想问题 1.图片的3px问题：解决问题：图片设置vertical-align或者转换为块级元素 2.行内块元素之间默认的间隔：解决方案：代码之间不要有
2021-07-28 20:45:29
71
原创 html（7）
表单按钮 <button type=submit | reset | button>文字</button> 或者<input type=submit | reset | button 'value'=文字> 推荐使用button按钮 input的其他type属性值 语法： <input type=text | password | radio | checkbox | file | hidden> file是文件 hidden是隐藏：提交不想被用户看到的数据
2021-07-26 20:18:59
68
原创 html（6）
宽高自适应 概念：根据设备，分辨率不同，有不一样的排版方式 1.宽度自适应 1.不设置宽度 2.使用百分比 3.使用min-width或者max-width min 设置最小宽度 max 设置最大宽度 2.高度自适应 1.不设置高度 注意：如果自元素有浮动会高度塌陷 清除浮动： 1.给浮动元素的父亲田间overflow：hidden； 2.给浮动元素天见一个空的兄弟元素div，类名：clear 设置样式： clear：both <div class='clear'></div> .c
2021-07-26 20:03:25
362
原创 html笔记（5）
命名规范： 名字由数字、字母、下划线组成，不能数字开头 使用驼峰命名 使用对应内容英文作为名字 给大盒子用id名，盒子里面用类名 元素分类 常规分类： 块级元素：可以设置宽高，独占一整行 行级元素：不可以设置宽高，有多宽占多宽 行内块元素：可以设置宽高，有多宽占居多宽 元素嵌套的规则 行级元素包涵行级元素 块级元素可以包裹行级和块级元素 a可以包裹块级元素 p标签里面不能有块级元素 置换元素 浏览器根据元素的标签和属性决定显示的内容 非置换元素：除去置换之外的元素，就是非置换 元素类型的转换 display
2021-07-26 19:41:41
63
原创 html笔记（4）
大小 font-size:*px|*em|rem; px是像素，绝对大小 em是父元素的字体大小的倍数 rem是根元素的字体大小的倍数【根元素：html】 颜色 color：颜色的英文｜#16进制值｜rgb（r,g,b）｜rgba(r , g ,b 透明度) 粗细 font-weight:400normal|700bold; 400或者normal代表正常粗细； 700或者bold代表粗 字体类型【宋体、微软雅黑】 font-family：[‘类型1’，‘类型2’]; 字体样式【是否倾斜】 font-sty
2021-07-26 19:26:36
82
原创 html笔记（3）
选择器 是一种匹配模式，用于匹配想要选择的元素 基础选择器 1.选中所有元素【通配符】 *{} 2.选择所有对应的标签【标签选择器】 标签名{} 3.选中所有有对应类名的元素【类选择器】 1.元素设置名<元素 class='类名','类名2'></元素> 2.使用类选择器 .类名1 或者 .类名2{} 4.选中指定id的元素【id选择器】 1.元素这是id名 <元素 id='id名'><
2021-07-24 11:25:07
78
原创 html笔记（2）
表格 <table>表格<table border='边框的粗度' cellspacing='边框之间的间隔' cellpadding='边框和文字的间隔'> <tr>行 <td>单元格的内容</td> </tr> </table> 快捷输入 table>tr*行数>td[内容$]*列数 合并单元格。 rowspan = 跨行 colspan = 跨列 <td colspan='占据的单元格'>
2021-07-24 09:46:39
78
原创 入门级的html笔记（1）
HTML入门 html文件：以.html为后缀的文件 html：是一种超文本标记语言 标记：是一种符号 命名规范 1.命名应该由数字、字母、下划线组成，不能以数字开头。 2.最好是有语义话 3.推荐使用驼峰命名 例：关于我们 aboutUs html常用标签 <strong></strong>. 加粗 <em></em> 倾斜 hn 标题 (h1-6)大-小 <h1></h1> &l
2021-07-21 20:21:15
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人