web篇2 - 随笔分类(第3页) - 小小程序猿level1

16.边框

摘要：<head> <meta charset="UTF-8"> <title>边框</title> <style> .box1{ width: 100px; height: 100px; } .box2{ width:100px; height: 100px; } .b1{ border-style: 阅读全文

posted @ 2022-04-07 15:33 小小程序猿level1 阅读(51) 评论(0) 推荐(0)

17.边框注意事项

摘要：<head> <meta charset="UTF-8"> <title>边框注意事项</title> <style> .box1{ width: 200px; height: 200px; background-color: teal; border-style: solid; border-co 阅读全文

posted @ 2022-04-07 15:33 小小程序猿level1 阅读(23) 评论(0) 推荐(0)

15，列表属性

摘要：<head> <meta charset="UTF-8"> <title>列表属性</title> <style> .ul{ list-style-type: armenian; } .u2{ list-style-type: lower-greek; } .u3{ list-style-type: 阅读全文

posted @ 2022-04-07 12:14 小小程序猿level1 阅读(27) 评论(0) 推荐(0)

14，背景属性

摘要：<head> <meta charset="UTF-8"> <title>背景属性</title> <style> .test1{ width: 300px; height: 300px; background-color: indianred; background-size: 200px,200 阅读全文

posted @ 2022-04-07 11:33 小小程序猿level1 阅读(22) 评论(0) 推荐(0)

13文本属性

摘要：3.文本属性: 1) color: 文本颜色值: [1] 表示颜色的单词 [2] 色号: #ff0000, #00ff00, #0000ff, #000000, #ffffff [3] rgb函数: rgb(255, 0, 0), ... [4] rgba函数: 在rgb基础上添加了透明度. op 阅读全文

posted @ 2022-04-06 17:40 小小程序猿level1 阅读(42) 评论(0) 推荐(0)

12文字属性

摘要：2.文字属性: 1) font-size: 文字大小. 常用单位: [1] px: 像素 [2] em: 以父元素文字大小为基础, 按照倍数显示. 例: 1.5em, 0.8em [3] rem: 以页面基础文字大小作为参照, 按照倍数显示. 2) font-weight: 文字粗细值: [1] 阅读全文

posted @ 2022-04-06 15:47 小小程序猿level1 阅读(220) 评论(0) 推荐(0)

编外，文字属性字体收集

摘要：1，font-family: Candara; 2，font-family: "Candara Light"; 3，font-family: "Comic Sans MS"; 4，font-family: Corbel; 5，font-family: Gabriola; 6，阅读全文

posted @ 2022-04-06 15:43 小小程序猿level1 阅读(42) 评论(0) 推荐(0)

11块元素基础属性

摘要：1.块元素基础属性: 1) width: 设置块元素的横向大小. 常用的单位: [1] px, 像素 [2] %, 占据父元素整体宽度的比例 [3] vw, 将浏览器整体宽度分成100份, 1vw就是1份 2) height: 设置块元素的纵向大小. 常用的单位: [1] px, 像素 [2] %, 阅读全文

posted @ 2022-04-06 14:44 小小程序猿level1 阅读(71) 评论(0) 推荐(0)

10高级选择器

摘要：阅读全文

posted @ 2022-04-06 14:11 小小程序猿level1 阅读(10) 评论(0) 推荐(0)

09css基础选择器

摘要：阅读全文

posted @ 2022-04-06 14:06 小小程序猿level1 阅读(20) 评论(0) 推荐(0)

08css样式

摘要：1. css的引用方式:(3种) 1) 行内样式: 在开标签中通过style属性声明使用 2) 内部样式: 在头部通过style标签声明使用 3) 外部样式: 创建编写css文件, 并在头部通过link标签或者通过css的@import命令导入注1: 优先使用外部样式, 少量配合内部样式, 尽量不阅读全文

posted @ 2022-04-06 14:04 小小程序猿level1 阅读(32) 评论(0) 推荐(0)

07表格

摘要：<!--table标签的属性：1）border:设置边框（table的边框，单元格的边框）2) cellspacing:设置单元格间距3) cellpadding:设置单元格内边框4) width:表格的整体宽度，值可以使用整数（像素）或者百分数5) align:设置表格整体页面水平方向上的位置，值阅读全文

posted @ 2022-04-05 22:38 小小程序猿level1 阅读(73) 评论(0) 推荐(0)

06，无序列表和有序列表

摘要：<ol type="disc"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li></ol><ol type="a"> <li>1</li> <li>2</li> <li>3</li> <li>4</li&g 阅读全文

posted @ 2022-04-05 16:41 小小程序猿level1 阅读(34) 评论(0) 推荐(0)

web编外注释1，关于设置大小像素等用值

摘要：1；图片大小直接填写数值，表示像素大小 2:表格的宽可以直接写数值表示像素，，50%表示占屏幕宽度的百分比阅读全文

posted @ 2022-04-05 14:32 小小程序猿level1 阅读(32) 评论(0) 推荐(0)

05form表单

摘要：<!-- form 标签使用块标签 1）action 常用，数据提交的目标地址/某个页面 //某个页面的地址 2) method 常用，提交数据请求方式属性值： 1）get,默认值携带的数据有上限（200b 阅读全文

posted @ 2022-04-05 13:48 小小程序猿level1 阅读(39) 评论(0) 推荐(0)

4：转义符

摘要：<div>1：个空格           结束</div> 阅读全文

posted @ 2022-04-04 15:47 小小程序猿level1 阅读(45) 评论(0) 推荐(0)

3:音频与视频

摘要：<video src="./data/Hold%20on%20be%20strong.mp4" controls width="200" 阅读全文

posted @ 2022-04-04 15:33 小小程序猿level1 阅读(41) 评论(0) 推荐(0)

2：图片标签

摘要：<!--图片标签img 属性: 1)src:必填，图片路径 2)alt:选填，图片引用失败时替代图片显示的文字内容 3)title:选填，常用，设置气泡文字，鼠标放到图片上会显示文字 4)wigth:选填，设置图片宽度，值时整数表示像素大小 5)hight:选填，设置图片高度，值时整数表示像素大小- 阅读全文

posted @ 2022-04-04 14:03 小小程序猿level1 阅读(48) 评论(0) 推荐(0)

1：超链接标签

摘要：<!--a标签属性：1;href,必填跳转路径2;target，选填常用，设置页面跳转后显示的位置常用值 [1]_self:默认，在当前标签栏显示 [2]_blank:常用，在新标签栏显示//显示在新标签栏后无法返回 [3]_top:跳出frame结构，在整个浏览器中显示3;name,用于设置超链阅读全文

posted @ 2022-04-04 14:02 小小程序猿level1 阅读(50) 评论(0) 推荐(0)

0:html基础标签

摘要：1：基础块元素div 2:基础行元素span 3:标题标签h1-h5 4：换行标签br 5:水平线标签hr 6：超链接标签 7：图片标签 8：视频与音频标签 //图片，超链接，视频音频都是行元素阅读全文

posted @ 2022-04-04 13:59 小小程序猿level1 阅读(78) 评论(0) 推荐(0)

随笔分类 - web篇2