首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏牛人NR

    html & CSS & JavaScript的学习

    行内标签,内联标签 7. 语义化标签: * html5中为了提高程序的可读性,提供了一些标签。 1.

    2.
    8. 解耦 * 让分工协作更容易 * 提高开发效率 3. css的使用:css与html结合方式 1. JavaScript = ECMAScript + JavaScript自己特有的东西。 3. 基本语法: 1. 与html结合方式: 1. 1 : 0; alert(c) </script> </head> <body> </body> </html> 7. > 7.

    7.1K21发布于 2020-09-01
  • 来自专栏ops技术分享

    JavaScript HTML DOM - 改变CSS

    HTML DOM 允许 JavaScript 改变 HTML 元素的样式。 ---- 改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: document.getElementById(id).style.property=新样式 下面的例子会改变

    DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <

    </body> </html> 使用事件 HTML DOM 允许我们通过触发事件来执行代码。 比如以下事件: 元素被点击。 页面加载完成。 输入框被修改。 </button> </body> </html>

    2K20发布于 2021-07-20
  • 来自专栏程序猿的大杂烩

    html+css+JavaScript例题

    这个例题主要是做一个表格,一个存储学生资料的表格,能够完成以下功能: 添加学生 删除学生 修改学生 分页查询学生 html代码: <! DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title></title>     </head> --  引入样式文件  -->     <link rel="stylesheet" href="<em>css</em>/style_A.<em>css</em>" />     <! --  引入脚本文件  -->     <script type="text/<em>javascript</em>" src="js/operation.js"></script>     <!                      

        </body> </html> CSS代码: body{     margin: 0px; } #back_div

    2.3K10发布于 2020-09-23
  • 来自专栏计算机工具

    webview,html,css,javascript,html5与html的区别,原生和H5混合开发

    html,css,javascript, html是标记语言,主要是用于建立复网页的骨架,是结构层,可以理解成建制房子的钢筋水泥 CSS 主要是设置html骨架元素的样式,百比如位置、颜色等等,是表现层 html5与html的区别1:文档声明的区别 html: 1 2 3 <! html5与html的区别3:网页效果 html无法实现一些好看的网页效果,或者说要很复杂的代码才可以实现。 三、总结 其实,对于html和html5的区别,简而言之也就是多了一些东西,少了一些东西,html与html5中更多的区别还是需要你在学习中自己去慢慢发现 原生和H5混合开发(h5只是一种规范,是html 的新版本罢了); 越来越多的商业项目使用了Android原生控件与WebView进行混合开发,用WebView加载html界面, 需要本地Java代码与HTML中的JavaScript进行交互,Android

    87000编辑于 2024-12-16
  • 来自专栏前端开发

    【HTML+CSS+JavaScript】Animated Navigation

    引子 HTML <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content ="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.<em>css</em>" /> <title > JavaScript const toggle = document.getElementById('toggle') const nav = document.getElementById('nav /css?

    50710编辑于 2024-03-20
  • 来自专栏达达前端

    Day7:html和css

    Day7:html和css 如果有浮动,会导致脱标,定位也能脱标,我们没有清除浮动,因为里面有子绝父相. DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <style> background-color: purple; } </style> </head> <body>

    达叔小生

    </body> </html 盒子模型(CSS重点) 三个大模块: 盒子模型 、 浮动 、 定位 盒子边框(border) border : border-width || border-style || border-color 效果 overflow:hidde content宽度和高度 宽度属性width和高度属性height 圆角边框(CSS3) border-radius: 50%; 盒子阴影(CSS3) box-shadow

    3.1K30发布于 2019-07-03
  • 来自专栏博文视点Broadview

    PHP 7 CSS与JavaScript优化

    小编说:每个Web应用程序都会有CSS和JavaScript文件。现在大多数应用程序都包含很多CSS和JavaScript文件,用来增强应用的粘度与互动效果。 每个CSS和JavaScript文件都需要浏览器向服务器发送请求,以获取文件内容。 因此,CSS和JavaScript文件越多,浏览器需要发送的请求就越多,从而越容易影响其性能。 本文我们将讨论两种针对CSS、JavaScript文件的优化手段——合并和缩小。本文选自《高性能PHP 7》。 性能在Web应用程序中起着至关重要的作用,甚至谷歌也很在意其查询性能。 合并 在合并过程中,我们可以将所有CSS文件合并为一个文件,并且使用同样的方法对JavaScript文件进行合并,从而为CSS和JavaScript创建一个单独的文件。 现在,我们使用Minify来合并多个CSS和JavaScript文件。首先,将一些CSS和JavaScript文件添加到项目的相应文件夹中。然后只需要添加一点代码到当前的代码段中即可。

    3.9K20发布于 2020-06-11
  • 来自专栏前端开发

    【HTML+CSS+JavaScript】animated-countdown

    引子 HTML <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content ="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.<em>css</em>" /> <title > JavaScript const nums = document.querySelectorAll('.nums span') const counter = document.querySelector @import url('https://fonts.googleapis.com/css2?

    51010编辑于 2024-03-20
  • 来自专栏前端菜鸟变老鸟

    常见的html、css以及javascript兼容方案

        浏览器兼容性一直是一个前端开发人员不可避免的大问题,这篇文章主要列举了html、css以及javascript中一些常见的兼容性问题以及对应的解决方案。 文中所有的demo下载地址:https://github.com/usecodelee/compatibility Html&CSS部分: 1. audio&video 一般的做法: <video IE6/7/8:引入ie-css3兼容文件,不支持除了黑色(#000)以外的其他颜色 5.  image.png 解决方案:在这个div里面加上display:inline;  例如:  Html:

      CSS: .div2 transform:rotateY(180deg) image.png IE8及以下:用IE滤镜 filter:fliph;//水平翻转 filter:flipv;//垂直翻转 JavaScript

    2.7K10发布于 2018-08-21
  • 来自专栏java大数据

    javascript中html当中如何引用css文件

    1.html当中如何引用css文件 马克-to-win:css:Cascading Style Sheets 例 1.1 <html> <head> <meta http-equiv="Content-Type " content="text/<em>html</em>; charset=gb2312"> <title></title> <! Property) The relationship between the current element and the remote document. --> <link href="outer.<em>css</em> >qixy</td> </tr> <tr> <td>李四</td> </tr> <tr> <td>王五</td> </tr> </table> </body> </<em>html</em> > outer.<em>css</em>: table { background-color: #0000ff; } td { /*the following statement make the border

    4.1K20发布于 2019-11-26
  • 来自专栏html5期末大作业

    简单个人网页设计作业 静态HTML个人博客主页——HTML+CSS+JavaScript 明星鹿晗(7页)

    网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。 网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver 其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效 content="text/html; charset=utf-8" /> <title>明星--鹿晗</title> <link href="<em>css</em>/style.<em>css</em>" rel="stylesheet -- End Of Container --> </body> </<em>html</em>> <em>CSS</em>样式代码 <em>html</em> { background: #000;; } body { margin: 0; padding

    1.4K20编辑于 2022-08-18
  • 来自专栏前端开发

    【HTML+CSS+JavaScript】3d-boxes-background

    HTML <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content button>

    <script src="script.js"></script> </body> </html > JavaScript const boxesContainer = document.getElementById('boxes') const btn = document.getElementById @import url('https://fonts.googleapis.com/css2?

    41510编辑于 2024-03-20
  • 来自专栏达达前端

    前端学习之路-CSS介绍,Html介绍,JavaScript介绍

    标题图 CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? id选择器 . class # id Html html为超文本标记语言,通过标签来定义的语言,代码不用区分大小写。 介绍 JavaScript是基于对象和事件驱动的脚本语言,为html提供信息的动态交互,安全性高,跨平台性强。 引入: <script src=”test.js” type=”text/javascript”></script> 将JavaScript脚本代码嵌入到HTML文档中 <script language 介绍,Html介绍,JavaScript介绍 下面我将继续对Java、 Android中的其他知识 深入讲解 ,有兴趣可以继续关注 小礼物走一走 or 点赞 送❤

    2.8K20发布于 2019-07-03
  • 来自专栏计算机工具

    html css中id和class的区别比较

    css中 # 和 . 区别 . 用于id #用于class属性 html css中id和class的区别比较 1、语法区别: id对应css是用样式选择符“#”(井号)。 class对应css是用样式选择符“.”(英文半角输入句号)。 2、使用次数区别: id属性,只能被一个元素调用(以“#”选择符命名CSS样式在一个页面只能使用调用一次)。 在同一个页面,只可以被调用一次,在CSS里用“#”表示。 class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。

    1.9K10编辑于 2024-12-17
  • 使用 HTML、CSS 和 JavaScript 创建下拉菜单

    今天,我们将,使用HTML、CSS和JavaScript创建一个完全响应式的下拉菜单。我们的目标是展示一个时尚、多功能的下拉菜单,能够在不同的屏幕尺寸下无缝适配,提升用户体验,而无需繁琐的教程。 通过利用HTML搭建结构,CSS进行样式设计,以及JavaScript实现交互功能,我们将打造一个动态菜单,体现现代网页设计原则。 主要亮点:HTML结构:我们将使用HTML为我们的项目打下基础,构建导航栏和下拉菜单组件的结构。CSS样式:通过CSS,我们将为下拉菜单添加样式,确保它在任何屏幕上都看起来精美、专业。 让我们开始吧:从HTML的简单开端到CSS和JavaScript的魔法,让我们展示菜单的演变过程。下拉菜单 HTML 代码:<! /script.js"></script></body></html>下拉菜单 CSS 代码:@import url('https://fonts.googleapis.com/css2?

    3.4K10编辑于 2024-02-12
  • 来自专栏全栈技术

    使用HTML,CSS和JavaScript创建Chrome扩展程序

    因此,今天,我们将研究如何使用HTML,CSS和JavaScript创建您的第一个Google Chrome扩展程序。 设置 要求 Chrome扩展入门的要求很少。 列表在这里: Google Chrome扩展程序(用于测试) 文本编辑器(我更喜欢VS Code,您可以根据需要使用其他编辑器) 有关HTML,CSS和JavaScript的基础知识 Chrome扩展程序

    3.5K20发布于 2021-08-23
  • 来自专栏繁依Fanyi 的专栏

    描述 HTML、CSS、DOM、JavaScript分别表示的含义

    请描述 HTML、CSS、DOM、JavaScript分别表示的含义 ① HTML HTML,英文全称 Hyper Text Markup Language,翻译过来就是**①超文本②标记语言**,这是一种用于创建网页的标准标记语言 ② CSS CSS,英文全称 Cascading Style Sheet,翻译过来就是 ①层叠②样式表 层叠:多个样式可以作用在同一个html的元素上,同时生效 样式表:样式表(style sheet JavaScript 是一门**①客户端②脚本语言**,现在几乎所有的 HTML 都使用 JavaScript。 JavaScript与HTML标识结合在一起,从而方便用户的使用操作。 基于对象 JavaScript是一种基于对象的面向对象的脚本语言。可以通过创建对象实现指定的操作。 请列举出 HTML 常用的标记。(至少10个) 一个完整的页面几乎包含上述所有标签,其次还有表格,列表,超链接,图像,引入CSS和脚本文件的标签等,总结在下表。 标签 作用 <!

    2K00编辑于 2023-05-07
  • 来自专栏全栈文档库

    JavaScript+HTML+CSS实现12种常见加载画面

    本篇博客将通过原生的JavaScript、HTML和CSS技术,详细介绍12种常见的加载中画面的实现方法。这些动画不仅实用,还可以为我们的Web应用增添一份专业的感觉。 通过CSS的@keyframes实现闪烁效果。JavaScript控制闪烁的顺序和时间。 5) { animation-delay: 0.4s; }.grid-item:nth-child(6) { animation-delay: 0.5s; }.grid-item:nth-child(7) 本文通过原生的JavaScript、HTML和CSS技术,详细介绍了12种常见的加载中动画效果。这些动画效果各具特色,从简单的光点闪烁到复杂的折纸效果,涵盖了多种设计需求。 由于这些动画都是使用纯CSS和少量JavaScript实现的,无需依赖第三方库,兼容性好且易于维护。

    2K32编辑于 2024-08-19
  • 来自专栏大前端全栈开发

    前端开发中JavaScript、HTML、CSS常见避坑问题

    如果要判断数组中的最大值:① 用ES6中的展开运算符,直接将数组中的元素展开 Math.max(…arr)② 用apply方法改变this的指向 Math.max(null, arr)方法中return时省略分号javascript html标签自定义属性自定义属性不可以通过【元素.自定义属性名】来获取,要用 getAttribute('自定义属性名')。 css行内元素添加transform动画transform 对于行内 inline 元素是无效的,如果要对其添加transform动画,需要先用display将行内元素变成行内块或块元素。

    60600编辑于 2025-04-04
  • 来自专栏html5期末大作业

    基于HTML游戏网站项目的设计与实现 HTML+CSS+JavaScript电竞游戏介绍响应式网页(7页)

    网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver 其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效 DOCTYPE html> <html> <head> <title>Home</title> <link href="<em>css</em>/bootstrap.<em>css</em>" rel="stylesheet" type= -- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> "> img03

  • <li

    1.4K20编辑于 2022-08-17
    第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券