- 博客(28)
- 收藏
- 关注
RSS订阅原创 前端Html5 （25）
1.超赞的flex<style>nav{width: 1200px;height: 100px;background: pink;margin:0 auto;/* 设置弹性盒 */display: flex;text-align: center;line-height: 100px;}section{/* 项目的属性 flex:1;均分父元素宽度 */flex: 1;border-right: 1px solid #000;back
2022-01-17 20:47:50
309
原创 前端Html5（24）
1.导航栏滑过有边框<style>*{margin: 0;padding: 0;}nav{width: 1200px;height: 100px;line-height: 100px;margin:0 auto;}section{float: left;margin:0 30px;position: relative;}/* 我们先加上 伪类 模拟的边框 */section:hover::after{content: "
2022-01-17 20:14:56
336
原创 前端Html5（23）
1.超好用的结构性伪类选中第一个lili:nth-of-type(1){background: springgreen;}或者li:first-of-type{background: red;}选中最后一个li:last-of-type{background: yellow;}/* 还可以这样子表示 前提是你知道有多少个*/li:nth-of-type(10){background: violet;}/* 可以表示倒数第几个 *..
2022-01-14 19:30:57
389
原创 前端Html5（22）
1.音视频的引入</head><body><!-- 音频文件 .jpg .png .gif --><!-- 让用户在各个浏览器下都正常听音乐 需要兼容哥哥格式 用soure --><audio controls><source src="../day3-3所有/课件/video/3theA.mp4"><!-- type可以不写 --></audio><audio loop
2022-01-13 12:10:42
86
原创 前端Html5（21）
1.表格table</head><body><!-- 表格标签自带的非css属性 --><!-- width="500" 表格的宽 --><!-- height="400" 表格的高 --><!-- border="1" 表格的边框 --><!-- bgcolor="pink" 表格的背景色 --><!-- bordercolor="red" 表格的边框颜色 --><!-
2022-01-13 09:10:39
397
原创 前端Html5（20）
html5基础<style>* {margin: 0;padding: 0;}body {padding: 30px;padding-top: 10px;line-height: 35px;font-family: "微软雅黑";}h1,h2 {padding: 20px 0;}h3 {background: #00AA88;color: #FFFCF4;font-size: 20px;font-weig
2022-01-13 01:50:14
198
原创 前端Html5(18)
1.ifameiframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载。 --><!-- 语法：<iframe src="规定在 iframe 中显示的文档的 URL(默认的显示页面)" width="" height="" frameborder="1/0" name="iframe名称" scrolling="yes/no/auto"> </iframe> -->
2022-01-13 01:41:32
774
原创 前端Html（17）
1.宽高自适应<style>*{margin: 0;padding: 0;}#navWrapper{width: 100%;/* 写不写都写 *//* 宽度自适应 *//* 高度不写 想由版心城开 */background: cyan;}#nav{width: 1280px;height: 100px;background-color: pink;margin: 0 auto;}</style></he
2022-01-11 12:13:36
385
原创 前端Html5(16)
1.固定定位（div不动）<style>div{width: 200px;height: 100px;background: red;/* 固定定位 */position: fixed;right: 30px;top: 40%;}</style></head><body><div>固定定位</div><h2>希望自己拿到高薪</h2><h2&g
2022-01-10 23:51:58
336
原创 前端Html5(15)
1.相对定位<style>div{width: 300px;height: 300px;background: red;}.box1{background: cyan;/* 1.相对定位 */position: relative;/* 与定位配套使用的有坐标 两点确定一个位置水瓶坐标（left/right） 垂直坐标（top/bottom） *//* left: 110px;top: 200px; */right: 100px;bo
2022-01-10 12:46:26
316
原创 前端Html5(14)
1.企业站页面先写html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><titl.
2022-01-07 20:52:31
387
原创 前端Html5(13)
div{width: 200px;height: 400px;background: cyan;/* 文本原样输出 <pre>废弃了 */white-space: pre;/* white-space: normal;默认值 正常解析 */white-space: pre-line;/* 文本原样输出 但超出区域会折行 会识别掉空格 */white-space: pre-wrap;/* 文本原样输出 超出区域会折行 其他不变 */white-space
2022-01-07 20:42:03
323
原创 前端Html5(12)
1.padding的练习<!-- 内部样式表的创建 --><style type="text/css">/* 去除页面缝隙 */*{margin: 0;padding: 0;}/* 外围只设置背景颜色 */#navWrapper{background: #2e2e2e;}/* 设置版心的宽高 */#nav{width: 962px;height: 58px;background: red;/* 有宽高的块状元素水平.
2022-01-06 19:25:34
395
原创 前端Html5(11)
1.盒模型-边框<!-- 内部样式表的创建 --><style type="text/css">div{width: 200px;height: 200px;background: red;/* 会撑大盒子 内填充 用于文字等内容 距离 边界之间的距离 */padding:50px;/* 边框 会撑大盒子*/border:20px solid #000;/* 边框的注意事项 块状元素可以设置上下左右边框 但是 行内元素只能设置左右边框 */
2022-01-06 18:40:03
308
原创 前端Html5（10）
1.浮动是怎么来的<style type="text/css">img{float: left;}</style></head><body><img src="../images/1.gif" alt=""><p>今天是2022年啦，今日小寒，记得吃饺子；东北二十四节气，都吃饺子；今天是2022年啦，今日小寒，记得吃饺子；东北二十四节气，都吃饺子今天是2022年啦，今日小寒，记得吃饺子；东北二十四节气
2022-01-06 12:52:36
262
原创 前端Html5（9）
1.css的背景属性<!-- 内部样式表的创建 --><style>div{/* 代表 选中页面所有div 元素选择器 权重1*/width: 1500px;height: 1300px;/* 背景颜色 */background-color: cornflowerblue;/* 背景图片 */background-image:url(images/1.jpg);/* ./是同级有提示（当前目录）../是返回上一级 跳出当前文件夹 *//* 背景
2022-01-05 13:01:09
260
原创 前端Html5(8)
1.文字属性<style>div{width: 800px;height: 200px;background-color: pink;color: #f00;/* 简写： font:加粗 倾斜 文字大小/行高“字体” */font:bold italic 30px/200px "楷体";/* 简写： font：文字大小/行高“字体” */font:50px/200px "黑体";/* 简写： font：文字大小“字体” */font:60px "宋
2022-01-04 16:22:28
187
原创 前端html（7）
一·css选择器的权重内部样式表的创建<style>/* 权重理解为优先和重要性 */1.元素选择器 权重是1li{/* 选中了页面中所有的li */color: burlywood;color: crimson;/* 最后的颜色是这个 因为代码是自上而下解析的 */}2.class类选择器 权重是10/* .你起的 class名字{}*/.colorYellow{color: yellow;}3.id选择器 权重100#color..
2022-01-04 13:29:09
312
原创 前端Html5（5）
1. 外部样式表的引入<!-- rel="stylesheet"作用是 关联样式表 --><!-- <link rel="stylesheet" href="css文件及其路径"> --><link rel="stylesheet" href="../css/happy.css"></head><body><div>今天周五，不是一点点的开心</div><h1>我们放假啦.
2021-12-31 16:47:07
406
原创 PS（简单）
1、打开设计图 直接将图片拖进PS即可 或者 双击PS空白区域 选择你需要的设计图 或者 直接Ctrl+O 去选择你想要打开的设计图2、吸取颜色 我们的单词量有限 可以使用PS的取色器来吸取颜色 color：#ac6956；3、切图 今天不使用切片那么怎么办第一步 使用矩形框选工具 先选中你需要的区域 假设没框选好 大小不合适 怎么办----右键----“变换选区”--调整到合适的大小---回车ctrl+C 复制你框选中的区域ctrl...
2021-12-31 13:08:34
280
原创 前端Html5（4）
1.form表单<title>表单form</title></head><body><!-- form action="将表单信息传送到哪里" --><!-- method="传送数据的方式“ 有两种 一种是post（慢。安全） 另一种是get（快，不是很稳）--><!-- name="表单名字" 为了区分种类--><form action="世纪佳缘数据库地址" method="传送数
2021-12-31 12:17:02
198
原创 前端Html5(2)
<!-- 代码注释不在页面展示 --><!-- 1.加粗标签b strong--><b>千锋</b><strong>沈阳</strong><!-- 2.倾斜 i em var 标签--><i>一般用于矢量图</i><em>具有强调含义</em><var>不常用 和js有冲突</var><!-- 在编辑器中折行用com
2021-12-30 20:37:54
491
原创 前端Html5（1）
1.前端包括html结构css表现js行为2.html发展历史3.html5是html的重大修改<!-- 基本结构两种方法 ！加tab或者！加回车 --><!DOCTYPE html><!-- 声明文档类型是html （告诉编辑器语法标准 按照html来解析） --><html lang="en"><!-- html开始 --><!-- html language=...
2021-12-30 13:06:58
76
原创 前端 Html5
1.(command加/)备注快捷键 auto save自动保存2. auto save 自动保存3.设置 常用设置 font size 设置大小4.自动折行 设置里开启 折行设置开启 word wrap 5.手动折行快捷键ctrl+z6.前段分为 html（标签结构）（人）css（对标签修饰）（衣服）3s行为交互（动态交互效果）（讲课）7.html和html5html 超文本标记语言 hyper（超级） text（文本） markup（标记） la...
2021-12-30 12:51:36
566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人