- 博客(14)
- 收藏
- 关注
RSS订阅原创 上课笔记
transition:过渡；transform：转换；rotate：旋转；translate：位移；scale：缩放；skew：斜切；animation：动画；transform-origin: ;转换中心点：top/bottom/left/right/centertransform:translate(100px,200px]);大小放大或缩小倍数.数字动画1.创建关键帧@keyframes name 动画名称{from{}从…开始to{}到…结束}2.绑定动画animat
2021-04-12 11:11:44
49
原创 上课笔记
rgb（255,0,0）红绿蓝色数字取值:0255;透明色01;#000000:前两个0为红色 中间两个0为绿色 后面两个0为蓝色;#000:最前为红色 中间为色 最后为蓝色#f00=#ff0000背景图片:background-image: url(图片地址);background-repeat: no-repeat repeat-x repeat-y;重复显示:no-repeat:不重复显示;repat-x:在x轴上重复显示;repat-y:在y轴上重复显示;background
2021-03-29 10:34:12
86
原创 上课笔记
多媒体的格式：<audio>元素支持三种音频格式文件：MP3，Wav和Ogg；<video>元素支持三种视频格式：MP4，WedM和Ogg；音频：audio插入音乐标签：<audio></audio>音频控制台：controls<audio controls="controls">source src="音频所在位置" type="audio/mp3"></source></audio> 视频：
2021-03-24 11:22:12
47
原创 上课笔记
权重：ID的权重是100类的权重10标签的权重是1样式最后使用权重大的元素显示模式：块元素、行内元素、行内块元素行内元素：1.一行显示多个；2.设置的宽高无效；3.默认的宽高是内容的宽高；常见的行内元素有：<a>-<strong>-<em>-<span>链接里面不能再放链接、特殊情况链接<a>里可以放块级元素、 但是给<a>链接转换一下块级模式最安全。块元素：1.一行只能显示一个；2.可设置宽高；3.默认网
2021-03-23 11:14:32
52
1
原创 上课笔记
布局：标准流+浮动（一行显示）+定位定位：给盒子固定位置position:定位position: relative; 相对定位偏移量例如：left：100px；position:absolute; 绝对定位根据上一个有定位的大盒子来偏移如果说往上都没有定位的盒子，就根据body来偏移position:fixed; 固定定位z-index:1 正数/负数/0：值越大，显示越靠前。...
2021-03-22 11:29:01
36
原创 上课笔记
传统页面布局：1.标准流2.浮动浮动特性：浮动元素会脱离标准流（脱标）浮动元素会一行内显示并且元素顶部对齐浮动的元素会具有行内块元素的类似特征清除浮动的方法：/第一种方法://overflow: hidden;/第二种清除浮动的方法:.clearfix:after{content: “”; /内容:""/display:block; /转换成块元素/height: 0;clear: both; /清除左右两端的浮动/visibility: hidden; /显示状态:隐藏/
2021-03-17 10:16:21
159
原创 上课笔记
盒子：内容区（content）、边框（border）、内边距（padding）、外边距（margin）margin-left：200px（左外边距）以此类推：当后面的值有两个或以上时四个值：上 右 下 左 顺时针；三个值：上 左右 下；两个值：上下 左右；外边距合并：相邻两个盒子之间同时设置margin，最终取的值是最大的那一个；外边距塌陷：嵌套的两个盒子之间同时设置margin，最终取的值也是最大的一个；避免相邻盒子外边距合并：只给其中一个盒子设置外边距；避免嵌套盒子外边距塌陷：外盒子
2021-03-11 16:28:09
44
原创 上课笔记
标签选择器<style> p{ color:red; font-size:24px; } </style>类选择器：样式(.)定义结构类（class）调用一个或多个开发最常用<style> /* 类选择器 */ .styel-color{ color:green; } </style><p class="styel-color">白鹭为霜</p>ID选择器：样式#定义结构id调用一个结构只能有一
2021-03-09 11:01:51
41
原创 上课笔记
HTML:Hyper Text Makeup Language 超文本标记语言 网页结构CSS: Cascading Style Sheet 层叠样式表、级联样式表style：样式color：颜色三种引用样式的方式：1.内联样式：把样式直接写在开始标签里<p style="color: black; font-size: 25px;">CSS样式</p>2.内部样式：用<style></style>标签书写样式<style>p{co
2021-03-04 16:07:59
63
1
原创 上课笔记
表格标签：<table></table>表头<thead></thead>和表格数据部分<tbody></tbody>表格的行：table row表头：<th></th>table head数据单元格：<td></td>table datapx：像素单位border：边框cellspacing：数据单元格之间的距离cellpadding：文字的填充大小table:表格t
2021-03-03 20:29:34
51
1
原创 上课笔记
表单标签：收集用户信息.包括<form></form>表单域、标签控件、提示信息表单控件：输入控件、下拉列表、文本域输入控件：<input>input: 输入type：类型text：文本password：密码radio：广播name：名字checkbox：复选框submit:提交reset：重置action：动作button：按钮value:值、价值用户名：<input type="text">密码：<input type
2021-03-02 10:21:53
69
原创 上课笔记
上课笔记1.双标签：由两个组成、一个开始标签<开始标签>标签内容</结束标签>2.单标签：只有一对<>，<开始 />3.注释标签：<!-- -->，添加注释后浏览器不会翻译到网页上段落标签:<p></p>一级标题<h1></h1>二级标题<h2></h2>三级标题<h3></h3>四级标题<h4></h4>五级标
2021-02-24 11:00:42
61
原创 上课笔记
上课笔记http:hypertext transfer protocol超文本传输协议https：加密传输www：world wide wed 万维网.com域名 .cn(中国) .edu（教育）html：hyper text makeup langugage超文本标记语言超文本：比文本更厉害、除了文字还有图片、视频、链接、音频。超越文本的限制网页结构：<!DOCTYPE HTML> //docutment type 文档类型：网页类型（html）<html>
2021-02-23 11:11:20
60
原创 上课笔记
hello world编程思维（代码思维）静态网页html+css动态网页Javascript（js）网页后端Java语音 php 数据库有道翻译wed:网络html+css网页前端:wed的三大标准html:结构。网页美化css:样式。美化网页Javascript（js）:行为。用户产生的交互动作上课笔记消化:XMind（思维导图）、CSDN博客...
2021-02-20 17:06:59
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人