- 博客(9)
- 收藏
- 关注
原创 JavaScript的简介
JavaScript是脚本语言,是一种轻量级的编程语言,是可插入HTML页面的编程代码,插入HTML页面后可由所有的现代浏览器执行,很容易学习 1、JavaScript直接导入HTML输出流 只能在 HTML 输出中使用 document.write。如果您在文档加载完成后使用该方法,会覆盖整个文档 2、JavaScript对事件的反应 alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。 onclick 事件只是您即将在本教程中学到的众多事件之一 3、J
2021-12-08 09:26:10
400
原创 CSS背景
CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color 背景颜色 background-image 背景图像 background-repeat 设置背景图像在页面的水平或者垂直方向平铺与否。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-position 背景图像定位 1、background-color属性值可以用十六进制、英文、rgb() body { backgro..
2021-11-28 20:11:01
136
原创 VS Code按钮案例
1、使用Bootstrap的自定义按钮样式,并广泛用于表单、对话框等场景中的操作,并支持多种大小、状态等一系列变量定义 2、按钮标签 .btn可以在<button>元素上使用,您也可以在<a>、 或<input>元素上使用这些Class,同样能带来按钮效果(在少数浏览器下会有不同的渲染变异) 当在<a>上使用按钮元素,用于触发页内功能的元素(如折叠内容)上使用按钮类时,而不是链接到当前页面中的新页面或部分,应该给这些链接role=“butto...
2021-11-17 08:05:49
3129
原创 各式轮播效果
轮播效果是一个幻灯片效果,使用CSS 3D变形转换和一些JAvaScript构建一内容循环播放,它适用于一系列图像、文本或自定义标记,还包括对上一个/下一个图的浏览控制和指令支持。 通过.carousel命名样式引入轮播组件,同时为此控件设置唯的ID-尤其是当你在同一页面使用多个轮播效果时这是必须的。 经典幻灯片效果:这是一个经典的幻灯片示例,请注意轮播上的图像引用了.d-block、w-100两个样式,以修正浏览器预设的图像对齐带来的影响。 带控制的效果:加上了上一个/下一个控制器 包含姿..
2021-11-07 15:34:39
1102
原创 CSS的动画属性
1、CSS Animation需要指定动画一个周期持续的时间,以及动画效果的名称 2、当鼠标悬停在div元素上时,会产生名为move的动画效果,持续时间为1秒。为此,我们还需要用keyframes关键词,定义move效果 3、@keyframes 规则 可以通过百分比设置 例如 @keyframes move{ 0%{} ...
2021-10-27 09:04:30
3800
原创 VS Code的安装
1、vs code下载 首先我们需要在官网去下载vs code。 地址:Visual Studio Code - Code Editing. Redefined 点击图中圈出来的下载按钮就可以下载 2、vs code安装 下载完成之后找到安装包,鼠标左键双击运行。 3、如果有安全警告的弹出框,选择运行 4、选择我同意此协议 然后点击下一步 5、然后点击下一步 6、还是点击下一步 7、勾选创建桌面快捷方式,然后点击下一步 8、点击安装。...
2021-10-17 09:34:55
124
原创 CSS创建初学技巧
1、如何插入样式表 插入样式表的方法有三种: 外部样式表 内部样式表 内联样式 2、外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部 <head> <link rel="stylesheet" type="text/css" href="https://www.w3cschool.cn/css/mystyle.css"> <
2021-10-11 15:30:18
83
原创 CSS样式、语法、注释、等教程
1、什么是 CSS? CSS 指层叠样式表 (CascadingStyleSheets ) 样式定义如何显示HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在CSS 文件中 多个样式定义可层叠为一 样式对网页中元素位置的排版进行像素级精确控制 2、CSS样式 HTML 标签原本被设计为用于定义文档内容,如下实例: 样式表定义如何显示 HTML 元素,就像 HT...
2021-09-24 10:16:15
235
原创 HTML教程
步骤2:使用记事本编辑 HTML 在记事本中输入 HTML 代码: HTML(英语:Hyper Text Markup Language,简称:HTML )也叫作超文本标记语言,是一种使用结构化 Web 网页及其内容的标记语言,您可以使用 HTML 来建立自己的 WEB 站点。 如下的一个 HTML 实例来建立一个简单的 HTML 页面,以此来简单了解一下 HTML 的结构。 HTML 编辑器是用于编写 HTML 的工具,使用 HTML 编辑器时以编辑主题,索引,自定义窗口,..
2021-09-14 16:35:18
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅