03 2021 档案

day 15
摘要：今日代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte 阅读全文
posted @ 2021-03-17 23:21 Viper7 阅读(78) 评论(0) 推荐(0)
day 14
摘要：HTML+CSS的项目实战 项目准备： 项目使用的是外链式样式表，然后根据各个样式表新建自己的文件，然后统一放到css文件夹中，其他类型的文件，分类创建自己的文件夹 （外链式样式表） 关于清除默认样式，使用reset.css来清除页面默认样式。Reset.css文件内部的内容都是一些关于标签默认样式 阅读全文
posted @ 2021-03-16 23:46 Viper7 阅读(63) 评论(0) 推荐(0)
day 13
摘要：绝对定位 属性值：absolute 参考元素：参考的是距离最近的有定位的祖先元素，如果所有的祖先元素都没有设置定位，则参考body 如果想要发生位置偏移，必须搭配偏移量的属性 上述例子参考的是body标签来进行移动的，而且已经脱标 绝对定位的性质：绝对定位元素是脱离了标准流的，让出了标准流的位置，后 阅读全文
posted @ 2021-03-16 00:13 Viper7 阅读(98) 评论(0) 推荐(0)
day 12
摘要：Background的综合属性 百分比表示法 百分比表示法两个属性值都是百分比 水平方向100% = （盒子的width）-图片的宽度 垂直方向100%= （盒子的width）-图片的高度 上式仅供参考 以九宫格的方法来帮助记忆 Eg：background-position:100% 0;表示右上角 阅读全文
posted @ 2021-03-14 23:47 Viper7 阅读(90) 评论(0) 推荐(0)
day 11
摘要：a标签的伪类 概念 a标签可以根据用户的不同行为的触发，从而实现四种状态的样式，这四种状态是可以设置的，我们称这四种状态为伪类。 a:link 访问前的状态 a:visited 访问后的状态 a:hover 鼠标悬停状态 a:active 鼠标点击状态 非超级链接也可以设置伪类状态，此时只有两个状态 阅读全文
posted @ 2021-03-13 01:57 Viper7 阅读(79) 评论(0) 推荐(0)
day 10
摘要：小练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content 阅读全文
posted @ 2021-03-11 18:39 Viper7 阅读(48) 评论(0) 推荐(0)
day 9
摘要：浮动依次贴边练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2021-03-10 23:31 Viper7 阅读(106) 评论(0) 推荐(0)
day 8
摘要：标准文档流 我们开发网页更像写word，我们开发网页有自己的书写规律，从上往下，从左往右。前面内容的变化会影响后面内容的位置。 以上也是标准文档流的特性 HTML文件就是一种标准文档流的文件，所以也有一些自己的特性 元素类型 从HTML的角度讲，元素分两个级别：容器级和文本级 从CSS角度讲，将元素 阅读全文
posted @ 2021-03-09 23:41 Viper7 阅读(105) 评论(0) 推荐(0)
day 7
摘要：CSS盒模型 盒模型又叫框模型，是CSS的重要布局属性，分别是width（属性），height（高度），padding（内边距），border（边框），margin（外边距） 盒子的实际加载区域：width + height 盒子可以使用实体化显示区域：width + height + paddin 阅读全文
posted @ 2021-03-08 22:18 Viper7 阅读(141) 评论(0) 推荐(0)
day 6
摘要：CSS属性学习 一、 Fireworks Fireworks是一款图形编辑阮籍，作用是用来绘制图形，对开发者而言，主要用来测量css的相关属性，和ps类似。 功能区域的介绍 1.1缩放工具 用来放大或者缩小画布 快捷键：ctrl+鼠标滚轮 1.2抓手工具 作用：移动画布 快捷键：按住空格键和按下鼠标 阅读全文
posted @ 2021-03-07 22:39 Viper7 阅读(160) 评论(0) 推荐(0)
day 5
摘要：CSS选择器 选择器分为两种，一种是基础选择器，一种是高级选择器 基础选择器：标签选择器，id选择器，类名选择器 高级选择器：后代选择器，交集选择器，并集选择器 标签选择器 选择方法：通过标签名称去进行选择 书写方法：标签名 选择范围：HTML文档中所有的同名标签 基本使用： 需要注意的是标签选择器 阅读全文
posted @ 2021-03-07 01:46 Viper7 阅读(166) 评论(0) 推荐(0)
day 4
摘要：HTML注释 在代码中，有一些特殊结构，他的特点在编辑器中可以看到，在浏览器中看不到，这种结构叫做注释。特点是浏览器不加载 注释主要有两个作用： 第一个用来注解代码，可以添加合理的解释，从而实现对代码的可读性 快捷键是ctrl+/（反斜杠是字母键盘上的，即“？/”） 第二个作用是先注释掉一部分不使用 阅读全文
posted @ 2021-03-05 21:02 Viper7 阅读(111) 评论(0) 推荐(0)
day 3
摘要：定义列表 作用：定义一个标题和内容自定义的列表结构 由三个标签组成：dl，dt，dd dl：英文：definition list 表示创建一个自定义列表结构 dt：英文： definition term 定义主题或者定义术语，表示一个列表的主题 dd：英文：definition descriptio 阅读全文
posted @ 2021-03-04 20:31 Viper7 阅读(183) 评论(0) 推荐(0)
day 2
摘要：2.p标签 英文：paragraph 双标签，文本级标签 作用：添加一个完整段落的语义 基本使用形式： 3.img标签 英文：image（图片） 单标签，文本级标签 作用：在指定位置插入一张图片 img标签的属性： src：用来引入图片的路径 alt：图片加载不出时的替换文本 当图片无法加载出来时： 阅读全文
posted @ 2021-03-03 23:23 Viper7 阅读(123) 评论(0) 推荐(0)
day 1
摘要：HTML——超文本标记语言，通过HTML标记对网页中的文本、图片、声音等内容进行语义化描述 HTML并不是一门真正意义上的编程语言，而是一种标记语言，通过带有尖角号<>的标签对文本进行标记，从而实现网页的结构搭建 w3c组织——万维网组织 http是无连接的，每一次都需要重新请求 纯文本和超文本的区 阅读全文
posted @ 2021-03-02 23:36 Viper7 阅读(131) 评论(0) 推荐(0)