08 2021 档案
摘要:效果展示: 代码演示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <title>技术交
阅读全文
摘要:效果展示: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } body, html{ width:
阅读全文
摘要:效果预览: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } #app{ } #home{ wid
阅读全文
摘要:效果演示: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> /*css初始化*/ body, div, ul,
阅读全文
摘要:效果演示: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> body, ul, li { margin: 0;
阅读全文
摘要:效果展示: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浮动模型</title> <style> #bodydiv{ width: 300px; height: 300px; border:
阅读全文
摘要:效果演示: 代码演示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <meta charset="utf-8" /> </head> <body> <p style="font-size:60px">
阅读全文
摘要:效果演示: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> #list li { list-style-type: none; width: 100
阅读全文
摘要:效果演示: 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> #list li { list-style-type: none; width: 100
阅读全文
摘要:知识点: div 布局 CSS 相对定位 CSS 各种属性的应用 效果演示: 代码演示: baymax.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Baymax</title> <style> body { b
阅读全文
摘要:排他思想:当前元素设置样式,其余的兄弟元素清除样式。 效果: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcs
阅读全文