摘要：
CSS语法 一个css主要有两部分组成：选择器 {声明} 选择器 { 声明1; 声明2; 声明3; ... } /*示例*/ div { /*声明语句由大括号包裹*/ color: red; /*每条声明语句以 属性 ：属性值 的形式存在*/ width: 100px; /*每一行只写一条语句*/ 阅读全文
posted @ 2021-03-03 16:42
丨Mr丨C
阅读(53)
评论(0)
推荐(0)
摘要：
CSS定义和三种引入方式 在css出现前，html既要负责结构，也要负责样子。 早期的时候就是由标签的属性来决定页面的样子。 为了解决用过多标签属性而产生的麻烦，W3C推出了CSS。 将原本需要多个属性来定义的样式，全部转化为用一个style属性来定义，原本html中的属性和属性值全部以xxx ：x 阅读全文
posted @ 2021-03-03 16:39
丨Mr丨C
阅读(525)
评论(0)
推荐(0)
摘要：
HTML嵌套规则 HTML元素的分类 块元素：独立成一行；可以设置宽高；默认宽高100% 文字类块元素：< p > ；< h1 >~< h6 > 容器类块元素：< div > ；< table > ；< tr > ；< td > ；< th >；< form > ；< ul >；< li > ；< 阅读全文
posted @ 2021-03-03 13:59
丨Mr丨C
阅读(285)
评论(0)
推荐(0)
摘要：
HTML布局 我们在网页的日常开发中，我们从设计师手上拿过设计稿之后，我们一般会把网页按功能划分成很多个小块，把这些小块又按设计稿排列起来，排列成设计稿的样子，尽可能的还原成设计稿的样子，最后把具体的内容填充到小块里面去。 布局：把功能划分成小块，并把它排列好。 我们拿一个具体的网站做例子： 我们把 阅读全文
posted @ 2021-03-03 13:56
丨Mr丨C
阅读(197)
评论(0)
推荐(0)
摘要：
HTML表单 表单是html里面，前端和服务器进行交互的一种非常重要的方式，它是和服务器交互的一种机制。 什么是表单？ 收集 不同类型的 用户输入，发送 或者 提交给 服务器。 举个简单的例子： 你在马路上碰到一个大妈，大妈要你帮她做个问卷调查，你拿到问卷调查那一刻，就是你看到表单的那一刻；然后你拿 阅读全文
posted @ 2021-03-03 13:44
丨Mr丨C
阅读(305)
评论(0)
推荐(0)
摘要：
HTML表格 表格的组成结构 < table > 表格根标签 < tr > 行（table row） < th > 列的标题（table head） < td > 列的内容（table data） 例子： 效果： 我的代码： <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2021-03-03 13:25
丨Mr丨C
阅读(95)
评论(0)
推荐(0)
摘要：
HTML列表 列表的种类 无序列表 < ul > 为无序列表的根标签 < li > 为 列表项标签 效果： 每一项最前面有一个项目符号，没有特别定义的话，为实心圆点。 改变无序列表项目符号样式： 利用css样式，list-style-type 为列表样式类型，circle为空心圆点 （项目符号的样式 阅读全文
posted @ 2021-03-03 12:31
丨Mr丨C
阅读(199)
评论(0)
推荐(0)
摘要：
HTML图片映射 < map > 标签 与 < area > 标签 < img > 与 < map > 建立关系 利用< map > 的 name属性 和 < img > 的 usemap属性 name属性填入名称，usemap属性用 #+名称 调用 < area > 标签的href属性 < are 阅读全文
posted @ 2021-03-03 12:23
丨Mr丨C
阅读(218)
评论(0)
推荐(0)
摘要：
HTML超级链接 < a > 标签——超链接标签 < a > 标签（没有带属性） 效果： 好像没什么效果 < a > 标签及href属性 href属性——超链接要链接的对象的地址 效果： 点击后： 把当前页面替换成了一个新的网页 < a > 标签的target属性 target属性——指定超链接的链 阅读全文
posted @ 2021-03-03 12:13
丨Mr丨C
阅读(326)
评论(0)
推荐(0)
摘要：
HTML图片 < img > 标签及src属性 < img >——图片标签，src属性——来源（地址） 效果： 标签的alt属性 alt属性——可替换的文本（当图片显示不出来的时候，它就会把这个文本显示出来） 效果： < img > 的title属性 title属性——对图片额外的补充说明（当鼠标在 阅读全文
posted @ 2021-03-03 12:05
丨Mr丨C
阅读(555)
评论(0)
推荐(0)
摘要：
HTML文本 段落标签： 效果： 1级至6级标题标签： 效果： 换行标签及空格字符实体 效果： 文本格式化标签< strong >、< em > 、< del > 、< span > 效果： HTML文本-课后作业 1.请用h1~h6标签实现下图的效果 我的答案： <!DOCTYPE html> < 阅读全文
posted @ 2021-03-03 11:56
丨Mr丨C
阅读(48)
评论(0)
推荐(0)
摘要：
2、HTML网页基本结构 HTML网页基本结构-课后作业 1.HTML文档类型有什么作用，可以不写吗？ –> <!DOCTYPE> 指的是文件类型，即Document type，缩写doctype。 → <!DOCTYPE>是什么？ .<!DOCTYPE>是为浏览器提供一项声明，目的是为了告诉浏览器 阅读全文
posted @ 2021-03-03 11:46
丨Mr丨C
阅读(223)
评论(0)
推荐(0)
摘要：
HTML网页基本概念 HTML网页基本概念-课后作业 1.前端编程的基础是学习哪三门语言，它们之间有什么区别？ 学习HTML、CSS、Javascript这三门语言 区别： 对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript定义网页的行为，打个比喻，HTML就像 一个人 阅读全文
posted @ 2021-03-03 11:41
丨Mr丨C
阅读(182)
评论(0)
推荐(0)
浙公网安备 33010602011771号