- 博客(6)
- 收藏
- 关注
RSS订阅原创 HTML+CSS3基础学习day6字体和背景font&background
文章目录一、字体和背景1.字体2.图标字体3.文本的样式4.背景5.渐变总结一、字体和背景1.字体font-face可以将服务器中的字体直接提供给用户去使用要注意的问题：1.加载速度2.版权3.字体格式@font-face { /* 指定字体的名字 */ font-family:'myfont' ; /* 服务器中字体的路径 */ src: url('./font/ZCOOLKuaiLe-
2022-05-19 22:49:22
166
原创 HTML5+CSS3基础学习day5定位positon
文章目录一、定位1.定位的简介2.相对定位(positon: relative)3.绝对定位（position: absolute）4.固定定位(position: fixed）5.粘滞定位(positon: sticky)6.绝对定位元素的布局7.元素的层级（z-index）二、练习轮播图（功能不完全，只是为了巩固定位和层级的知识）总结一、定位1.定位的简介使用position属性来设置定位：static 默认值，元素是静止的没有开启定位relative 开启元素的相对定位absolute 开
2022-05-19 22:03:39
160
原创 HTML5+CSS3基础学习day4浮动
文章目录前言一、浮动1.浮动的简介2.高度塌陷的问题及解决方案总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、浮动1.浮动的简介使用 float 属性来设置于元素的浮动浮动的特点：1、浮动元素会完全脱离文档流，不再占据文档流中的位置2、浮动元素默认不会从父元素中移出3、浮动元素向左或向右移动时，不会超过它前边的其他浮
2022-05-19 20:56:18
142
原创 HTML5+CSS3基础学习day3盒模型
文章目录前言一、盒模型盒模型图例盒子水平布局盒子垂直布局外边距的重叠行内元素的盒模型盒子的尺寸轮廓和圆角总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、盒模型盒模型图例盒子的可见框的大小，由内容区 内边距 和 边框共同决定默认情况下设置的左和上外边距则会移动元素自身，而设置下和右外边距会移动其他元素盒子水平布局一个元
2022-05-19 20:18:22
348
原创 HTML5+CSS3基础学习day2
文章目录一、选择器1.常用选择器2.复合选择器3.关系选择器4.属性选择器5.伪类选择器6.伪元素选择器二、Css其他知识1.样式的继承2.选择器的权重3.颜色总结一、选择器1.常用选择器元素选择器作用：根据标签名来选中指定的元素语法：标签名{}id选择器作用：根据元素的id属性值选中一个元素语法：#id属性值{}类选择器作用：根据元素的class属性值选中一组元素语法：.class属性值通配选择器作用：选中页面中的所有元素语法: *2.复合选择器交集选择器作用：选中同时复
2022-05-19 17:43:24
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人