上课笔记
常用的一些代码。
QvQ.LiYan
此人不懒,什么也没写。
展开
-
上课笔记
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 · 71 阅读 · 0 评论 -
上课笔记
多媒体的格式: <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 · 37 阅读 · 0 评论 -
上课笔记
权重: ID的权重是100 类的权重10 标签的权重是1 样式最后使用权重大的 元素显示模式:块元素、行内元素、行内块元素 行内元素: 1.一行显示多个; 2.设置的宽高无效; 3.默认的宽高是内容的宽高; 常见的行内元素有:<a>-<strong>-<em>-<span> 链接里面不能再放链接、特殊情况链接<a>里可以放块级元素、 但是给<a>链接转换一下块级模式最安全。 块元素: 1.一行只能显示一个; 2.可设置宽高; 3.默认网原创 2021-03-23 11:14:32 · 47 阅读 · 1 评论 -
上课笔记
布局: 标准流+浮动(一行显示)+定位 定位:给盒子固定位置 position:定位 position: relative; 相对定位 偏移量例如: left:100px; position:absolute; 绝对定位 根据上一个有定位的大盒子来偏移如果说往上都没有定位的盒子,就根据body来偏移 position:fixed; 固定定位 z-index:1 正数/负数/0:值越大,显示越靠前。 ...原创 2021-03-22 11:29:01 · 29 阅读 · 0 评论 -
上课笔记
传统页面布局: 1.标准流 2.浮动 浮动特性: 浮动元素会脱离标准流(脱标) 浮动元素会一行内显示并且元素顶部对齐 浮动的元素会具有行内块元素的类似特征 清除浮动的方法: /第一种方法:/ /overflow: hidden;/ 第二种清除浮动的方法: .clearfix:after{ content: “”; /内容:""/ display:block; /转换成块元素/ height: 0; clear: both; /清除左右两端的浮动/ visibility: hidden; /显示状态:隐藏/原创 2021-03-17 10:16:21 · 153 阅读 · 0 评论 -
上课笔记
盒子:内容区(content)、边框(border)、内边距(padding)、外边距(margin) margin-left:200px(左外边距) 以此类推: 当后面的值有两个或以上时 四个值:上 右 下 左 顺时针; 三个值:上 左右 下; 两个值:上下 左右; 外边距合并:相邻两个盒子之间同时设置margin,最终取的值是最大的那一个; 外边距塌陷:嵌套的两个盒子之间同时设置margin,最终取的值也是最大的一个; 避免相邻盒子外边距合并:只给其中一个盒子设置外边距; 避免嵌套盒子外边距塌陷:外盒子原创 2021-03-11 16:28:09 · 32 阅读 · 0 评论 -
上课笔记
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 · 54 阅读 · 1 评论 -
上课笔记
表格标签:<table></table> 表头<thead></thead>和表格数据部分<tbody></tbody> 表格的行:table row 表头:<th></th>table head 数据单元格:<td></td>table data px:像素单位 border:边框 cellspacing:数据单元格之间的距离 cellpadding:文字的填充大小 table:表格 t原创 2021-03-03 20:29:34 · 46 阅读 · 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 · 61 阅读 · 0 评论 -
上课笔记
上课笔记 1.双标签:由两个组成、一个开始标签<开始标签>标签内容</结束标签> 2.单标签:只有一对<>,<开始 /> 3.注释标签:<!-- -->,添加注释后浏览器不会翻译到网页上 段落标签:<p></p> 一级标题<h1></h1> 二级标题<h2></h2> 三级标题<h3></h3> 四级标题<h4></h4> 五级标原创 2021-02-24 11:00:42 · 55 阅读 · 0 评论 -
上课笔记
上课笔记 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 · 51 阅读 · 0 评论 -
上课笔记
hello world 编程思维(代码思维) 静态网页html+css 动态网页Javascript(js) 网页后端 Java语音 php 数据库 有道翻译 wed:网络 html+css 网页前端:wed的三大标准 html:结构。网页美化 css:样式。美化网页 Javascript(js):行为。用户产生的交互动作 上课笔记 消化:XMind(思维导图)、CSDN博客 ...原创 2021-02-20 17:06:59 · 44 阅读 · 0 评论