无关风月7707 - 博客园

2022年4月26日

摘要：动画（了解） 1、CSS3 @keyframes 规则要创建 CSS3 动画，首先需要了解 @keyframes 规则。 @keyframes 规则是创建动画。 @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。 2、CSS3 动画动画是使元素从一种样式逐阅读全文

posted @ 2022-04-26 18:23 无关风月7707 阅读(65) 评论(0) 推荐(0) 编辑

定位position

摘要：声明该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明链接：[菜鸟教程 - 学的不仅是技术，更是梦想！ (runoob.com)]( 定位 Position position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed abs 阅读全文

posted @ 2022-04-26 11:38 无关风月7707 阅读(52) 评论(0) 推荐(0) 编辑

浮动：父级边框塌陷问题（存疑）

摘要：声明该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明链接：https://www.runoob.com/ 父级边框塌陷问题解决方案 1、重设父级元素高度 <style> div{ background-color: green; height: 30px; width: auto; 阅读全文

posted @ 2022-04-26 11:33 无关风月7707 阅读(24) 评论(0) 推荐(0) 编辑

2022年4月25日

练习理解浮动和清除浮动

摘要：练习理解浮动和清除★ .css代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>练习理解浮动和清除浮动</title> <style> /*1.清除浮动左*/ #div1{ background:red; 阅读全文

posted @ 2022-04-25 21:33 无关风月7707 阅读(20) 评论(0) 推荐(0) 编辑

清除浮动clear

摘要： 5.4 清除浮动 clear 元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。 clear 属性指定元素两侧不能出现浮动元素。清除浮动可以理解为打破横向排列。声明：以下内容节选自其他作者文章，链接：CSS浮动(float,clear)通俗讲解 - z-one - 阅读全文

posted @ 2022-04-25 21:31 无关风月7707 阅读(293) 评论(0) 推荐(0) 编辑

浮动

摘要：浮动Float 1、什么是浮动？ CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框阅读全文

posted @ 2022-04-25 21:29 无关风月7707 阅读(91) 评论(0) 推荐(0) 编辑

显示：display和visibility

摘要： Display和Visibility display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。 visibi 阅读全文

posted @ 2022-04-25 21:24 无关风月7707 阅读(57) 评论(0) 推荐(0) 编辑

知识回顾：块级元素和内联元素

摘要：块级元素和内联元素块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性：和相邻的内联元素在同一行; 宽度(width) 阅读全文

posted @ 2022-04-25 21:19 无关风月7707 阅读(37) 评论(0) 推荐(0) 编辑

圆角边框及盒子阴影

摘要：圆角边框及盒子阴影圆角边框练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆形边框</title> <style> /*1.圆形边框 : 圆角宽度 = div半径 + 边框宽度*/ #round{ w 阅读全文

posted @ 2022-04-25 21:17 无关风月7707 阅读(25) 评论(0) 推荐(0) 编辑

盒子模型及边框使用

摘要：盒子模型及边框使用 1、盒子模型 magin：外边距 padding：内边距 border：边框 2、边框 2.1 边框样式 2.2 边框宽度 2.3 边框颜色 2.4 单独设置边框各边设置单一属性的顺序为**上右底左** 通过下边的例子深度理解单独设置边框各边 border-style属性可以有阅读全文

posted @ 2022-04-25 11:09 无关风月7707 阅读(230) 评论(0) 推荐(0) 编辑

xypersonal

公告