03 2021 档案

10、CSS文本的实例演练
摘要：CSS文本的实例演练 前面我们已经学习了文本的字体样式，这里我们再来学习一下跟文本相关的其他样式属性。 文本除字体外的其他常用样式属性： 文本颜色 color：颜色 字母间距 letter-spacing：大小 单词间距 word-spacing：大小 文本方向 direction：方向 direc 阅读全文
posted @ 2021-03-08 23:36 丨Mr丨C 阅读(42) 评论(0) 推荐(0)
9、CSS字体实例的多种变换
摘要：CSS字体实例的多种变换 字体有以下几种常用属性： 字体 font-family：“字体名称” font-family：“字体1”,“字体2”,“字体3”,…,“字体n”; 支持设置多个字体，使用的优先级从前到后，前面的用不了就用后面的 字号（字高） font-size：大小 font-size：? 阅读全文
posted @ 2021-03-08 12:53 丨Mr丨C 阅读(147) 评论(0) 推荐(0)
8、CSS背景使用实例演练
摘要：CSS背景使用实例演练 下面介绍和背景相关的css属性，背景是所有的标签都具有的css属性。 背景有以下几种常用属性： 背景颜色 background-color：颜色 背景图片 background-image：url( ‘ ’ ) 背景重复方式 background-repeat：重复方式 ba 阅读全文
posted @ 2021-03-08 12:42 丨Mr丨C 阅读(68) 评论(0) 推荐(0)
7、CSS伪元素选择器
摘要：CSS伪元素选择器 学习伪元素选择器之前，我们要先了解一下什么是”伪元素“ 伪元素 字面理解就是 假的元素，指的是并非由我们自己写的元素，而是系统自己写的元素，它并不会显示出来。 与之相对的 就是 真的元素，指的就是由我们自己写的元素，它就是平常我们在代码中能看到的那些元素。 在html的标签中，系 阅读全文
posted @ 2021-03-06 21:17 丨Mr丨C 阅读(167) 评论(0) 推荐(0)
6、CSS属性选择器
摘要：CSS属性选择器 属性选择器：利用标签的属性对样式的生效对象进行选择。 我们在基本选择器中学过class选择器和id选择器，它们也是标签中的属性，只是因为这两个使用频率很高，因此把它们抽离出来作为两种独立的选择器。 我们如果想利用其他系统自带的属性去选择样式的生效对象，那么就使用属性选择器。 格式一 阅读全文
posted @ 2021-03-06 16:05 丨Mr丨C 阅读(90) 评论(0) 推荐(0)
5、CSS组合选择器
摘要：CSS组合选择器 组合选择器：把基本选择器通过特殊符号串在一起，串起来之后能带来一些特定的意义。 组合选择器中主要需要掌握的有4个： (1) 分组选择器 格式：选择器1,选择器2,选择器3 {声明} 意义：使用 “,” 将多个基本选择器连在一起，表示 这些选择器 所对应的元素 都使用这个声明中的样式 阅读全文
posted @ 2021-03-06 12:21 丨Mr丨C 阅读(121) 评论(0) 推荐(0)
4、CSS原理
摘要：CSS原理 CSS有两个重要原则 1.优先原则：后解析的内容，会覆盖掉之前解析的内容。 （类似于，在黑板上，有一个人上去写了一些东西，写完之后，后面的人再写，就得先把前面的那个对应的地方擦掉，才能再写东西） 2.继承原则：嵌套在里面的标签（子元素），会拥有外部标签（父元素）的某些样式。 （里面的标签 阅读全文
posted @ 2021-03-06 10:53 丨Mr丨C 阅读(78) 评论(0) 推荐(0)
3、CSS基本选择器
摘要：CSS基本选择器 选择器：大括号前的那个东西 作用：通过选择器可以找到html里对应的元素，并把选择器后面的样式传递给元素。 选择器的分类（4大类） 基本选择器 通配符（*）选择器 标签选择器 id选择器 类型（class）选择器 组合选择器 属性选择器 伪元素选择器 基本选择器——通配符选择器 代 阅读全文
posted @ 2021-03-04 22:40 丨Mr丨C 阅读(62) 评论(0) 推荐(0)
2、CSS语法
摘要：CSS语法 一个css主要有两部分组成：选择器 {声明} 选择器 { 声明1; 声明2; 声明3; ... } /*示例*/ div { /*声明语句由大括号包裹*/ color: red; /*每条声明语句以 属性 ：属性值 的形式存在*/ width: 100px; /*每一行只写一条语句*/ 阅读全文
posted @ 2021-03-03 16:42 丨Mr丨C 阅读(53) 评论(0) 推荐(0)
1、CSS定义和三种引入方式
摘要：CSS定义和三种引入方式 在css出现前，html既要负责结构，也要负责样子。 早期的时候就是由标签的属性来决定页面的样子。 为了解决用过多标签属性而产生的麻烦，W3C推出了CSS。 将原本需要多个属性来定义的样式，全部转化为用一个style属性来定义，原本html中的属性和属性值全部以xxx ：x 阅读全文
posted @ 2021-03-03 16:39 丨Mr丨C 阅读(524) 评论(0) 推荐(0)
11、HTML嵌套规则
摘要：HTML嵌套规则 HTML元素的分类 块元素：独立成一行；可以设置宽高；默认宽高100% 文字类块元素：< p > ；< h1 >~< h6 > 容器类块元素：< div > ；< table > ；< tr > ；< td > ；< th >；< form > ；< ul >；< li > ；< 阅读全文
posted @ 2021-03-03 13:59 丨Mr丨C 阅读(283) 评论(0) 推荐(0)
10、HTML布局
摘要：HTML布局 我们在网页的日常开发中，我们从设计师手上拿过设计稿之后，我们一般会把网页按功能划分成很多个小块，把这些小块又按设计稿排列起来，排列成设计稿的样子，尽可能的还原成设计稿的样子，最后把具体的内容填充到小块里面去。 布局：把功能划分成小块，并把它排列好。 我们拿一个具体的网站做例子： 我们把 阅读全文
posted @ 2021-03-03 13:56 丨Mr丨C 阅读(196) 评论(0) 推荐(0)
9、HTML表单
摘要：HTML表单 表单是html里面，前端和服务器进行交互的一种非常重要的方式，它是和服务器交互的一种机制。 什么是表单？ 收集 不同类型的 用户输入，发送 或者 提交给 服务器。 举个简单的例子： 你在马路上碰到一个大妈，大妈要你帮她做个问卷调查，你拿到问卷调查那一刻，就是你看到表单的那一刻；然后你拿 阅读全文
posted @ 2021-03-03 13:44 丨Mr丨C 阅读(304) 评论(0) 推荐(0)
8、HTML表格
摘要：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 阅读(93) 评论(0) 推荐(0)
7、HTML列表
摘要：HTML列表 列表的种类 无序列表 < ul > 为无序列表的根标签 < li > 为 列表项标签 效果： 每一项最前面有一个项目符号，没有特别定义的话，为实心圆点。 改变无序列表项目符号样式： 利用css样式，list-style-type 为列表样式类型，circle为空心圆点 （项目符号的样式 阅读全文
posted @ 2021-03-03 12:31 丨Mr丨C 阅读(198) 评论(0) 推荐(0)
6、HTML图片映射
摘要：HTML图片映射 < map > 标签 与 < area > 标签 < img > 与 < map > 建立关系 利用< map > 的 name属性 和 < img > 的 usemap属性 name属性填入名称，usemap属性用 #+名称 调用 < area > 标签的href属性 < are 阅读全文
posted @ 2021-03-03 12:23 丨Mr丨C 阅读(215) 评论(0) 推荐(0)
5、HTML超级链接
摘要：HTML超级链接 < a > 标签——超链接标签 < a > 标签（没有带属性） 效果： 好像没什么效果 < a > 标签及href属性 href属性——超链接要链接的对象的地址 效果： 点击后： 把当前页面替换成了一个新的网页 < a > 标签的target属性 target属性——指定超链接的链 阅读全文
posted @ 2021-03-03 12:13 丨Mr丨C 阅读(324) 评论(0) 推荐(0)
4、HTML图片
摘要：HTML图片 < img > 标签及src属性 < img >——图片标签，src属性——来源（地址） 效果： 标签的alt属性 alt属性——可替换的文本（当图片显示不出来的时候，它就会把这个文本显示出来） 效果： < img > 的title属性 title属性——对图片额外的补充说明（当鼠标在 阅读全文
posted @ 2021-03-03 12:05 丨Mr丨C 阅读(550) 评论(0) 推荐(0)
3、HTML文本
摘要：HTML文本 段落标签： 效果： 1级至6级标题标签： 效果： 换行标签及空格字符实体 效果： 文本格式化标签< strong >、< em > 、< del > 、< span > 效果： HTML文本-课后作业 1.请用h1~h6标签实现下图的效果 我的答案： <!DOCTYPE html> < 阅读全文
posted @ 2021-03-03 11:56 丨Mr丨C 阅读(46) 评论(0) 推荐(0)
2、HTML网页基本结构
摘要：2、HTML网页基本结构 HTML网页基本结构-课后作业 1.HTML文档类型有什么作用，可以不写吗？ –> <!DOCTYPE> 指的是文件类型，即Document type，缩写doctype。 → <!DOCTYPE>是什么？ .<!DOCTYPE>是为浏览器提供一项声明，目的是为了告诉浏览器 阅读全文
posted @ 2021-03-03 11:46 丨Mr丨C 阅读(223) 评论(0) 推荐(0)
1、HTML网页基本概念
摘要：HTML网页基本概念 HTML网页基本概念-课后作业 1.前端编程的基础是学习哪三门语言，它们之间有什么区别？ 学习HTML、CSS、Javascript这三门语言 区别： 对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript定义网页的行为，打个比喻，HTML就像 一个人 阅读全文
posted @ 2021-03-03 11:41 丨Mr丨C 阅读(181) 评论(0) 推荐(0)