week09_day02&&03_CSS

最新推荐文章于 2021-08-09 20:20:52 发布
最新推荐文章于 2021-08-09 20:20:52 发布
阅读量371 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shihao1998/article/details/106666333
版权

1CSS
主要用于修饰html显示,
1.1在html页面引入css
在这里插入图片描述

1.2选择器 就是把css样式用过某种途径和html标签相互关联起来-- 选择器

•标签选择器
•类选择器
•Id选择器:
•复合选择器
•伪类选择器
•伪元素选择器
属性选择器

1.2.1标签选择器
通过标签名实现关联
在这里插入图片描述

1.2.2类选择器（用的最多）
通过类名(class)关联起来
在这里插入图片描述

在html代码中, 标签有一个class属性, class属性所指向的值,就是这个标签的css类名
在css中(style标签里) 可以创建一个 以 .类名{} 的样式和html对应的标签绑定起来

1.2.3Id选择器
通过id属性关联起来
在这里插入图片描述
在html代码中, 标签有一个id属性, id属性所指向的值,就是这个标签的css id
在css中(style标签里) 可以创建一个 以 #id{} 的样式和html对应的标签绑定起来

注意: id是一个唯一标识, 在一个html文档中, id是不可重复的，而class是可以重复的

Id选择器,不是那么常用, (dom, id一帮会用于dom操作, js内容, 对使用id选择器没有任何影响, )

1.2.4其它选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1.2.5选择器优先级
如果有两个相同 的样式同时作用于某一个html元素, 那么就会在这两个样式间产生一个优先级问题
!important
CSS定义了一个!important命令，该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近，!important都具有最大优先级。
div{ background: red !important; }

•!important > 行内 > ID选择器 > 伪类|类 | 属性选择 > 标签 > 通配符
在满足上述优先级的基础上, 要满足一个’就近原则’(上下结构的就近原则)

Html代码,在浏览器中解析的时候, 是从上向下解析的
后解析的代码功能覆盖先解析的代码功能

1.3盒子模型 我们把html的标签在页面上所占据的位置看成一个矩形的盒子 这个盒子分为四部分: 元素内容 内边距 边框 外边距

这个盒子是可控大小, 但是控制大小的方式需要注意

里面div属于外面div的元素部分

<div>
	<div class="div1">
    	123
	</div>
</div>

如何查看盒子模型？
按F12查看网页的源代码—>点击左上角图标---->点击页面的某些区块----->点击右下角的盒子模型。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意1: 宽高仅是元素内容的宽高
width: 100px;
height: 100px;

在这里插入图片描述

注意2: 背景色 = 元素内容的区域+ 内边距的区域
（但对于行级元素来说，内边距没有，背景色也会显示）

注意3: 如果要设置边框, 那么必须要把边框设置为固体

1.4标签的分类和盒子模型 1.4.1块级元素 独占一行, 上下排列 •独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布 •可以直接控制宽度、高度以及盒子模型的相关css属性 •在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度(宽度能继承) •在不设置高度的情况下，块级元素的高度是它本身内容的高度 •(高度不能继承) •块级元素是指本身属性为display:block;的元素。 •通常使用块级元素来进行大布局（大结构）的搭建

1.4.2行级元素
在一行排列, 从左向右

•和其他内联元素从左到右在一行显示
•不能直接控制宽度、高度以及盒子模型的相关css属性，(但是直接设置内外边距的左右值是可以的)
•内联元素的宽高是由本身内容的大小决定（文字、图片等）
•内联元素只能容纳文本或者其他内联元素（不要在内联元素中嵌套块级元素）
•内联元素是指本身属性为display:inline;的元素。
通常使用行级元素来进行文字、小图标（小结构）的搭建

1.4.3行内块
本质上是一个行级元素(在一行排列), 有一些块级元素的特性(可以控制宽高和内外边距)
•本质属于行级元素
•可以与其他行内元素、内联元素共处一行
•可以设置宽高、内外边距
•属性为display:inline-block;的元素。

注意: 父元素, 子元素
实际上就是嵌套的关系, 外层元素是内层元素的父元素，内层是外层的子元素。
子元素,所占据的盒子模型空间, 是父元素的元素内容区域

如何实现以下界面呢？
应当设置里面元素的外边距呢？还是设置外面元素的padding呢？
应当设置外面元素的padding，应当想把大局控制好。
尽量在写里面元素的时候就先把它固定好。

在这里插入图片描述

注意4: 关于元素的嵌套问题
行级元素内部, 不能嵌套块级元素, 可以嵌套行级元素
块级元素内部可以嵌套行级和块级

注意5: 默认的display属性
我们可以修改html元素的默认属性, 来做行和块的转变

不推荐使用(如果块级元素转化为行级元素之后,仅一行内容, 可以用, 不推荐)

1.4.4外边距合并
在html页面元素排列中, 在垂直方向, 有两个外边距 ‘紧’相邻, 那么就会产生一种现象----叫外边距合并
合并之后的值? 是产生合并现象的最大的那个外边距, 就是最终合并值
在这里插入图片描述
在这里插入图片描述

1.5浮动
1.5.1标准文档流, 标准流
元素(标签) 根据元素特性(行级,块级, 行内块) 从左向右, 自上而下顺序排列
这就是标准文档流

1.5.2设计的初衷
浮动设计的初衷是为了做文字环绕效果

浮动现在一般用来布局(把一个块级元素, 变成行内块元素)

1.5.3浮动
float: left;
把一个元素’漂浮起来’

浮动使元素脱离了标准文档流

1.5.4浮动特性
1：浮动只影响后面的元素
因为浮动脱离了标准文档流, 浮动元素本来占据的空间, 就空了出来
后面的元素,要想复合标准文档流规范, 它就要占据它前面的空间
所以,浮动影响后面的元素

2：浮动找浮动，不浮动找不浮动

3：浮动以元素顶部为基准对齐
4：浮动可是实现模式转换（eg:span 设置浮动可以设置宽高）
5：让块级元素在一行显示
1.5.5清除浮动
谁被浮动效果影响了, 那么就在谁之上清除浮动
clear: left;

同时清除左右方向的浮动
clear: both;

1.5.6撑开和塌陷
•当父容器没有设置高度，里面的盒子没有设置浮动的情况下会将父容器的高度撑开。
•一旦父容器中的盒子设置浮动，脱离标准文档流，父容器立马没有高度，下面的盒子会跑到浮动的盒子下面。
•出现这种情况，我们需要清除浮动

1.6定位 position

就是一个html标签所显示在网页上的位置
1.6.1默认定位
标准文档流(从左向右, 从上向下)

•Static:元素框正常生成。
默认值。没有定位，元素出现在正常的文档流中（忽略 top, bottom, left, right 或者 z-index 声明）
1.6.2相对定位
相对于它本来的位置进行定位, 不脱离标准文档流（相对定位与浮动的不同之处）
•Relative:元素框偏移某个距离。
•相对定位的元素，相对于其正常位置进行定位
•并不脱离文档流
注意: 单设置相对定位不会起效果, 要结合方位元素, 才会产生效果

相对定位VS浮动：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .float1 {
            float: left;
            width: 100px;
            height: 100px;
            background: red;
        }

        .nofloat1 {
            width: 200px;
            height: 200px;
            background: yellow;
        }

        .relative01 {
            width: 100px;
            height: 100px;
            background: green;
            position: relative;
            top: 100px;
        }

        .relative02 {
            width: 200px;
            height: 200px;
            background: blue;
        }
    </style>
</head>
<body>

<div class="float1">
    div1
</div>
<div class="nofloat1">
    div2
</div>

<div class="relative01">
    div3
</div>
<div class="relative02">
    div4
</div>
</body>
</html>

运行这段代码后，同样都是一个小块覆盖在一个大块上，相对定位和浮动有啥不同呢？
在这里插入图片描述

1.6.3绝对定位
脱离标准文档流, 元素也需要方位元素配合使用
绝对定位会以边为距离控制

是相对于父元素进行定位的(注意, 这个父元素要么是相对定位,或者是绝对定位)

第一个父元素: 是内层向外层扩展的

当一个绝对定位元素, 的所有父盒子都不设置相对或者绝对定位, 那么该定位元素要以浏览器窗口进行定位

•Absolute:元素框从文档流完全删除，
•绝对定位绝对不占空间位置（与浮动一样）
•脱离文档
•元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定

•生成绝对定位的元素，相对于非 static 定位的第一个父元素进行定位。

•Fixed:绝对定位的元素，相对于浏览器窗口进行定位
生成绝对定位的元素，相对于浏览器窗口进行定位
•z-index:z-index 仅能在定位元素上奏效, Static 无效（例如 position:absolute;）
z-index基本上只和fixed一起使用。

•一般子元素设置绝对定位，父元素设置相对对定位（子绝父相）,是一种习惯

overflow 属性规定当内容溢出元素框时发生的事情
属性
Visible:默认值。内容不会被修剪，会呈现在元素框之外。
Hidden:内容会被修剪，并且其余内容是不可见的。
Scroll:内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
Auto:如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
注意:
1：display:none 元素隐藏不占位置
2：overflow:hidden; 将超出部分的元素隐藏
3：visibility:hidden; 元素隐藏占位置

主要长宽单位
px 像素
% 相对于父元素的大小
line-height(设置行高)
浏览器默认字体大小为:16px
浏览器默认行高：18px
行高=上间距+文字大小+下间距

3重点
1, 选择器(三个: 标签, id 类)(其它选选择器了解)
2, 盒子模型(理解)
3, 浮动 (熟悉)
4.定位(了解)

作业：

1.实现点击导航如图
请添加图片描述
div是块级元素，是上下排列的，现在我们想实现左右排列，得用浮动。
在我们写的页面里嵌入百度首页，用iframe。
首页、百度、淘宝，是一行一行的，可以用div。用table的话首页、百度、淘宝下面的线无法实现，用ol、ul也可以。下面的线也不能用hr，因为hr的线会是双线，会比较厚。
每一个链接下面都有线，用底边框。

点击之后就会跳转，得用超链接<a>， 而在某个地方打开一个链接，要注意哪些属性？

•Target
•超链接属性target的value值时默认是_self
•_blank:在新窗口打开
•_parent:在父窗口打开
•_self:它使目标文档显示在超链接所在框架或者窗口中
•_top:在顶级窗口打开
•同组值:通过单击一个窗口中的不同链接控制另一窗口内容变化 ; 浏览器会找与target值相符的框架或者窗口中的文档，有则在其中显示文档。如果不存在，浏览器打开一个新窗口。

会发现同组值最适用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Homework01</title>
    <style>
        .left1 {
            float: left;
            width: 100px;
            height: 300px;
            border: 1px solid silver;
            padding: 30px;
            margin: 30px;
        }
        .right{
            float: left;
            width: 600px;
            height: 600px;
            margin: 30px;
        }
        .iframe1{
            width: 100%;  /*百分比是相对于父元素的百分比*/
            height: 100%;
        }
        .left1-son{
            height: 30px;
            border-bottom: 1px solid black;
        }
        a{
            text-decoration: none; /*去掉下划线*/
            color:darkslateblue;
        }
        .div-f{
            /*882px=100px+2*(30px+30px)+600px+2*30px，当然也可以大于882px*/
            width: 882px;
            height: 700px;
            /*margin:0 auto 设置对象上下间距为0，左右自动。*/
            /*可拆分： margin:0 auto 0 auto（上下）*/
            /*还可拆分为：margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;*/
            margin: 0 auto;
            background: burlywood;
        }
    </style>
</head>
<body>

<div class="div-f">
<div class="left1">
    <div class="left1-son">
        <a href="">首页</a>
    </div>
    <div class="left1-son">
        <a href="https://www.baidu.com/" target="aaa">百度</a>
    </div>
    <div class="left1-son">
        <a href="https://www.taobao.com/" target="aaa">淘宝</a>
    </div>
</div>

<!--通过target--name连接-->
<div class="right">
    <iframe class="iframe1" name="aaa">

    </iframe>
</div>
</div>

</body>
</html>
2.实现点击导航如图 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020061016414616.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoaWhhbzE5OTg=,size_16,color_FFFFFF,t_70)

上边有七块内容，点击某个内容后就会拓宽并变红，拓宽并变红的内容肯定不是背景色。
背景色是有元素内容和内边距组成的，怎么会有拓宽的效果？
外边距也不行
得用边框，初始是上边边框是白色的，下边边框是白色的。
div的边框比较容易操作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Homework2</title>
    <style>
        .top1{
            width: 700px;
            margin: 0 auto;
        }
        .bottom1{
            width: 700px;
            height: 30px;
            background: yellow;
            margin: 0 auto;
            clear: both;  /*清除浮动*/
        }
        .top1-son{
            width: 100px;
            color: white;
            background: black;
            float: left;
            text-align: center;
            border-bottom: 2px solid yellow;
            border-top: 2px solid white;
        }
        .top1-son:hover{
            background: red;
            border-bottom: 2px solid red;
            border-top: 2px solid red;
        }
    </style>
</head>
<body>

<div class="top1">
    <div class="top1-son">学校概况</div>
    <div class="top1-son">机构设置</div>
    <div class="top1-son">人才培养</div>
    <div class="top1-son">科学研究</div>
    <div class="top1-son">学科建设</div>
    <div class="top1-son">对外交流</div>
    <div class="top1-son">招生就业</div>
</div>

<div class="bottom1">

</div>
</body>
</html>
查看网页的源代码：按F12

在这里插入图片描述
我们经常会用到的是Elements(查看代码细节)、console(控制台)、Network。

-玫瑰少年-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
day02_html&css
yukuiadeyu2的博客
12-22 413
day02_html&css 今日内容介绍 使用html的表单标签编写“注册页面” 今日内容学习目标 能够使用等标签编写注册表单(掌握) 熟悉的CSS样式的3种导入方式 熟悉CSS选择器的使用(理解) 了解CSS基本属性使用 了解CSS盒子模型 今日学习标签总览 ​ 今天讲学习表单标签，提供总览方便大家更好的吸收。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(im...
week06_day_04_labJSreadinglist
03-29
【标题】"week06_day_04_labJSreadinglist" 指向的是一份关于JavaScript学习资源的实验阅读清单，可能是一个课程或者工作坊的第六周第四天的实践内容，重点在于深入理解JavaScript这门编程语言。这份清单可能包含了...
week10_day04_JavaScript&&DOM
shihao的博客
06-11 604
1.JS Js javascript es6 ECMAScript 前两个指的是语言，后两个指的是版本，就像说java和jdk一样 网页–人 Html -骨架 Css --皮肤和血肉 Js-思维逻辑 JavaScript : 和java没有关系 •JavaScript 是一种轻量级的编程语言。（java不是） •JavaScript 是可插入 HTML 页面的编程代码。（css也可） •JavaScript是一种弱类型语言。 •它的解释器被称为JavaScript引擎，为浏览器的一部分。有浏览
Day10_HTML5&CSS3课堂笔记
weixin_48733024的博客
08-09 91
Day10 HTML5 课堂笔记 1 HTML5 新增语义化标签 1.1 新增页面结构标签 标签名 语义和功能 属性 单标签还是双标签 header 定义页面头部 双标签 footer 定义页面脚部 双标签 nav 定义导航条 双标签 section 定义文章或页面中一部分 双标签 article 定义文章、新闻或者帖子等 双标签 aside 定义侧边栏 双标签 注意： main 标签表示主要内容，只有W3C标准规定了该标签！ 1.2 新增状态标签
week09_day01_HTML
shihao的博客
06-09 751
1基础 1.1数据结构+数据库+javase 应该对java这个语言有一定认知 心里上的一个坎, 技术上并不难 (站在前端(语言)的角度上理解前端, ) 1.2计划 1.31,前端基础: html css js(javascript) dom 3-4 1.42, Vue (是一个前端框架) 3-4 3, Git HTTP Tomcat 2-3 强类型语言: java (语法规范很严格) 弱类型语言: html css js vue (有语法要求
week11_day02_Vue项目2
shihao的博客
06-17 676
1.2重复创建项目: 从哪一步 Vue init webpack 项目名 1.3复制项目: 不要直接复制 复制除了node_modules, 之外的文件 复制完成之后, cnpm install 1.4目录不一样 没关系, npm run dev 能启动就成 1.5启动后按Ctrl + c关闭 就访问不到http://localhost:8080/ 了。 因为npm run dev启动的是前端服务器，你关掉之后就没有这个服务了，服务都不在了，谁来监听端口呢？当然访问不到端口号8080了。 服务最重要的特点
week11_day03_http
shihao的博客
06-18 648
1回顾 1.1昨天 1, 启动项目的补充 2, 项目里,多组件实现 (组件间的嵌套和引用 最终实现一个页面) 3, 中央总线事务 (就是通过一个vue对象作为中转, 在不同组件间传值的问题) 4, json 数据的传输格式 5, axios vue的一个插件, 用来在vue语法中调用浏览器向后台发请求(数据请求) 浏览器发送一个请求，DNS域名服务首先将域名转换成ip，根据ip地址去访问前端服务器，前端服务器接收请求并解析请求，返回html、css、js代码给浏览器，并告诉浏览器数据的地址，浏览器进行解析
week11_day04_Tomcat
shihao的博客
06-19 494
1Tomcat E:\WangDao\Vue_project\Socket这个项目的缺点： 1.效率低。WebServer通过while(true)循环一直在监听端口8080。 2.得一直运行这个项目才有对象存在。资源利用率太低。 1.1服务器 服务器至少需要干什么事情: 1.监听端口 2.分析请求报文 3.构建响应报文 承载java对象 WEB服务器开发(服务器)的相关知识 WEB，在英语中web即表示网页的意思，它用于表示Internet SERVER 上供外界访问的资源。 Internet上供外界访问
week10_day06_Vue基础2
shihao的博客
06-15 280
通过做昨天的作业，会发现有了Vue之后： 我们不用动html和css的代码，只需要创建一个Vue对象，对象中有一些数据，仅需要操作对象就能让页面进行各种显示，不再去做底层的DOM操作了，Vue会帮我们做。 接下来，需要动态的从数据库中取出数据，放到Vue对象中，就能动态的显示页面了。 问题： data中的数据可以调用methods中的方法吗？ 不可以，data中的数据是key-value形式，只能写成key:value methods中的方法可以有返回值么？ 可以，但是没有任何意义，站在前端的角度，根本不
week11_day06_Servlet1
shihao的博客
06-21 431
1.课程介绍 EE阶段、linux。 三周。 前一周多一点：EE阶段核心知识点。非常重要。一定要重视。 项目一。web项目。7个工作日。 还有一些3-4天左右的内容。 2.回顾 EE：Enterprise Edition。java的企业版本。 对于一个企业来说，需要有哪些？ 服务器（不是必须的，阿里云）、企业网站（html页面）、数据库DB。 用户如何访问企业网站？ 通过域名，发起一个http请求，去请求对应的一个网站资源 在服务器层面，如何获取浏览器的请求资源呢？如何把相应资源写入到响应报文里呢？这些
hw-week_02-day_01-html-css
03-16
集成高级CSS属性 使用HTML5结构元素 使用Box Model设置元素边框的样式并构建页面结构 技术要求 使用HTML5结构元素（导航，页眉，页脚） 使用ID和类在页面上选择元素并设置样式 遵循命名约定，在.html和.css文件之间...
angular_week4_day1_project
03-31
在Angular的第四周第一天项目（"angular_week4_day1_project"）中，我们将深入学习TypeScript，这是一种由Microsoft开发的编程语言，它扩展了JavaScript，为开发者提供了静态类型检查、面向对象特性和其他现代编程...
week7_day1
03-25
此外，还可以使用ID（`id`）和类（`class`）属性为CSS和JavaScript选择器提供钩子，以便进行样式控制和交互处理。 HTML与CSS（Cascading Style Sheets）紧密配合，实现页面的布局和样式设计。CSS通过选择器定位HTML...
Week09-Day02
04-01
在"Week09-Day02-main"这个文件中，很可能是包含本次学习的主要代码示例、笔记或者练习。对于JavaScript学习者来说，实际编码是巩固理论知识的最佳方式。这个文件可能包含了如何创建和运行JavaScript脚本，如何与...
js文件应当放在哪个目录下？如何创建一个.js文件？
shihao的博客
02-27 6447
一、js文件应当放在哪个目录下 Java编程中建立的web工程，js文件只要在WebContent路径下即可正常编译，如果是规范的项目开发，应该是在WebContent目录下创建一个js目录，之后将对应的js文件放到此路径下，便于统一管理（但不是必须的），根据实际需要存放到对应的jsp文件路径下也是可以的。 同理，ccs和html文件只要放在WebContent下即可。 二、如何创建一个.js文...
eclipse中如何设置new HTML快捷键
shihao的博客
02-25 772
eclipse中没有新建一个HTML文件的快捷键，需要自行设置。设置流程如下： window—General----keys—New(HTML File)—Binding 在Binding处自行添加快捷键，点击OK即可。 ...
week12_day06_Session
shihao的博客
06-29 503
1.2.2.session的使用 提供一种通过多个页面请求或访问网站来标识用户并存储有关该用户的信息的方法。 在什么情况下会创建session呢？ 通过request.getSession()/getSession(boolean create)API来创建session对象 返回与此请求关联的当前会话，或者如果请求没有会话，则创建一个会话。 返回与此请求关联的当前HttpSession，如果没有当前会话且create为true，则返回新会话。 如果create为false且请求没有有效的HttpSe
week10_day05_Vue基础1
shihao的博客
06-15 482
…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Schedule of all</title> <link rel="stylesheet" href="./js/fullcalendar.min.css"> <script src="./js/jquery.min.js"></script> <script src="./js/moment.min.js"></script> <script src="./js/fullcalendar.min.js"></script> </head> <body> <div id="calendar"></div> </body> <script> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: new Date(), navLinks: true, // can click day/week names to navigate views editable: true, eventLimit: true, // allow "more" link when too many events events: 'event.php' }); }); </script> </html>用类似的代码实现PHP前端显示日历
最新发布
06-10
要用PHP代码实现前端显示日历，您需要将代码保存为.php文件，并在文件中包含PHP和HTML代码。以下是一个例子： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Schedule of all</title> <link rel="stylesheet" href="./js/fullcalendar.min.css"> <script src="./js/jquery.min.js"></script> <script src="./js/moment.min.js"></script> <script src="./js/fullcalendar.min.js"></script> </head> <body> <div id="calendar"></div> <?php echo "<script> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: new Date(), navLinks: true, // can click day/week names to navigate views editable: true, eventLimit: true, // allow 'more' link when too many events events: 'event.php' }); }); </script>"; ?> </body> </html> ``` 在这个例子中，我们将JavaScript代码嵌入到echo语句中，并使用双引号将JavaScript代码括起来。这样，我们就可以在PHP文件中执行JavaScript代码，实现动态的日历功能。同时将其保存为.php文件，就可以在服务器上执行PHP代码并显示日历了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

-玫瑰少年-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值