摘要：
今日代码： <!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
阅读(69)
评论(0)
推荐(0)
摘要：
HTML+CSS的项目实战 项目准备： 项目使用的是外链式样式表，然后根据各个样式表新建自己的文件，然后统一放到css文件夹中，其他类型的文件，分类创建自己的文件夹 （外链式样式表） 关于清除默认样式，使用reset.css来清除页面默认样式。Reset.css文件内部的内容都是一些关于标签默认样式 阅读全文
posted @ 2021-03-16 23:46
Viper7
阅读(56)
评论(0)
推荐(0)
摘要：
绝对定位 属性值：absolute 参考元素：参考的是距离最近的有定位的祖先元素，如果所有的祖先元素都没有设置定位，则参考body 如果想要发生位置偏移，必须搭配偏移量的属性 上述例子参考的是body标签来进行移动的，而且已经脱标 绝对定位的性质：绝对定位元素是脱离了标准流的，让出了标准流的位置，后 阅读全文
posted @ 2021-03-16 00:13
Viper7
阅读(80)
评论(0)
推荐(0)
摘要：
Background的综合属性 百分比表示法 百分比表示法两个属性值都是百分比 水平方向100% = （盒子的width）-图片的宽度 垂直方向100%= （盒子的width）-图片的高度 上式仅供参考 以九宫格的方法来帮助记忆 Eg：background-position:100% 0;表示右上角 阅读全文
posted @ 2021-03-14 23:47
Viper7
阅读(79)
评论(0)
推荐(0)
摘要：
a标签的伪类 概念 a标签可以根据用户的不同行为的触发，从而实现四种状态的样式，这四种状态是可以设置的，我们称这四种状态为伪类。 a:link 访问前的状态 a:visited 访问后的状态 a:hover 鼠标悬停状态 a:active 鼠标点击状态 非超级链接也可以设置伪类状态，此时只有两个状态 阅读全文
posted @ 2021-03-13 01:57
Viper7
阅读(68)
评论(0)
推荐(0)
摘要：
小练习 <!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
阅读(40)
评论(0)
推荐(0)
摘要：
浮动依次贴边练习 <!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
阅读(85)
评论(0)
推荐(0)
摘要：
标准文档流 我们开发网页更像写word，我们开发网页有自己的书写规律，从上往下，从左往右。前面内容的变化会影响后面内容的位置。 以上也是标准文档流的特性 HTML文件就是一种标准文档流的文件，所以也有一些自己的特性 元素类型 从HTML的角度讲，元素分两个级别：容器级和文本级 从CSS角度讲，将元素 阅读全文
posted @ 2021-03-09 23:41
Viper7
阅读(97)
评论(0)
推荐(0)
摘要：
CSS盒模型 盒模型又叫框模型，是CSS的重要布局属性，分别是width（属性），height（高度），padding（内边距），border（边框），margin（外边距） 盒子的实际加载区域：width + height 盒子可以使用实体化显示区域：width + height + paddin 阅读全文
posted @ 2021-03-08 22:18
Viper7
阅读(122)
评论(0)
推荐(0)
浙公网安备 33010602011771号