摘要: 弹性布局 1、了解两个基本概念: 容器:需要添加弹性布局的父元素; 项目:弹性布局容器中的每一个子元素,称为项目; 2、弹性布局的使用? ① 给父容器添加display: flex/inline-flex;属性,即可使容器内容采用弹性布局显示,而不遵循常规文档流的显示方式; ② 容器添加弹性布局后, 阅读全文
posted @ 2026-06-29 14:49 柒月份 阅读(4) 评论(0) 推荐(0)
摘要: 圆的制作 border-radius: 50% :百分比以自身宽高为基准 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 200px; 阅读全文
posted @ 2026-06-29 14:32 柒月份 阅读(3) 评论(0) 推荐(0)
摘要: 盒模型的外三层结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>盒模型的外三层结构</title> <style type="text/css"> *{margin: 0;padding: 0;} body{ font-si 阅读全文
posted @ 2026-04-20 18:18 柒月份 阅读(17) 评论(0) 推荐(0)
摘要: 行内/块级/空元素 (1) 行内元素: < span > 、 < a > 、 < img > 、 < input > 、 < strong > (2) 块级元素: < div > 、 < h1-6 > 、 < p > 、 < table > 、 < form > (3) 空元素: < br > 、 阅读全文
posted @ 2026-04-16 19:09 柒月份 阅读(9) 评论(0) 推荐(0)
摘要: 超链接 1.超链接的介绍 每个网页都是由众多的网页组成,网页之间通常是通过链接的方式相互关联的。超链接方便在各个页面的跳转。 2.超链接分为 内部链接,外部链接,电子邮件链接,锚记链接,空链接,交互等。 超链接形式的改变 a{ display:none;/*隐藏*/ display:block;/* 阅读全文
posted @ 2026-04-05 22:24 柒月份 阅读(18) 评论(0) 推荐(0)
摘要: 常用的图像格式 图片一定要放在项目文件的img文件夹下 图片格式的选择原则:在保证成像质量的情况下,文件大小越小越好。 GIF格式:唯一支持动画,是一种无损的图像格式,也支持透明。 PNG格式:支持透明背景。 JPG格式:和JPEG格式完全一样,颜色丰富。 最新的两种图像格式 SVG格式:同样的文件 阅读全文
posted @ 2026-03-26 16:37 柒月份 阅读(16) 评论(0) 推荐(1)
摘要: 文本控制排版 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本控制排版</title> <link rel="stylesheet" type="text/css" href="css/文本.css"/> </head> < 阅读全文
posted @ 2026-03-24 19:37 柒月份 阅读(18) 评论(0) 推荐(1)
摘要: 一.新建项目,项目名称mySite,路径D盘根目录下 ​ 1.在“文件”中选择“新建”,选择“web项目”,在弹窗"项目名称"中输入“mySite”,位置选择D盘,点击“完成”。 二.新建样式文件,名称为style.css,并通过外部引入到主页中 ​ 1.在“mySite”的web项目中,css文件 阅读全文
posted @ 2026-03-21 18:23 柒月份 阅读(23) 评论(1) 推荐(2)
摘要: 语法格式 <标签名 属性1=“属性值1” 属性2....>内容</标签名> 注意 css文件可以复用,只要修改这个文件,链接这个文件的页面的样式也改变 新建页面先写开头 写的时候注意注释:ctrl+/ 添加注释的快捷键 子文件的命名:以sbu开头。 调用样式的三种方法:引入外部样式的方法、内部样式、 阅读全文
posted @ 2026-03-17 17:16 柒月份 阅读(30) 评论(0) 推荐(1)
摘要: HTM5的优势 解决了跨浏览器问题 新增了多个新特性 用户优先原则 化繁为简的优势 书写代码注意 1.缩进时用Tab键缩进,不要用空格 2.所有标签用<>包裹,成对出现。如...... <!DOCTYPE html>//告诉浏览器我要按HTM5的结构写代码 <html lang="zh-CN"> < 阅读全文
posted @ 2026-03-14 13:13 柒月份 阅读(17) 评论(0) 推荐(1)