一个element ui的样式:elementUiIndex.css 一个重写element ui的样式:elementDesign.css 一个除了element ui样式外的全局的样式:global.css 每个页面独有的样式:xxx.css
jQuery=JavaScript+Query是辅助JavaScript开发的轻量级JS函数库,兼容CSS3,免费开源、使用MIT许可协议。 核心理念:write less,do more (写得更少,做得更多) 简化JavaScript编程 DOM优先,用户交互 AngularJS Google推出的一款完整的Web应用开发框架,提供一系列兼容性良好并且可扩展的服务,包括自动化双向数据绑定、依赖注入、...
--- 关联 CSS 文件的代码 ---><linktype="text/css"rel="stylesheet"href="css/style.css"/><!--- 关联 JS 文件的代码 ---><scripttype="text/javascript"src="js/script.js"></script> 在正式开始网页的编程之前,我们也可以先调整 <head> 标签中的页面信息,同时确保 CSS 和 JS 文件正确关联。 <...
*You can enter html,css,javascript code by keyboard. *You can adjust the code color and font size , and support to move the cursor left and right and up and down , easy to read and write. *You can find learning materials by the built-in browser . ...
背景:在不使用服务器的情况下,依托github搭建个人网页。主要使用前端老三套html/css/js。 github托管 注册个人github账号并登录,进入主页: image.png 点击repositories新建个人仓库,进入后设置域名为: 个人账号.github.io image.png 其他不用设置,点击创建即可。
CSS 重置页面所有元素的内外边距和盒模型大小,并将元素的盒模型设为"border-box",使得元素的大小不会随着内边距和边框的增加而变化。 *, *:before, *:after{padding: 0;margin: 0;box-sizing: border-box;} 设置整个页面的背景图像,高度为视口高度"100vh"。
技术栈:HTML+CSS+JS 效果: 源码: 【html】【js】 <!DOCTYPE html><html><head><metahttp-equiv="content-type"content="text/html; charset=utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>旋转的圣诞树</title><linkrel="stylesheet...
CSS部分 body{height:5000px;}*{margin:0;padding:0;}a{text-decoration:none;}/*这一部分主要就是第一个看到的开屏页面*/.开屏页面{display:flex;width:96%;height:300px;background-image:url(主页封面.png);background-size:cover;background-position:left;background-repeat:no-repeat;border-width:10px...
JQuery 是一个优秀的 JavaScript 框架,一个轻量级的 JS 库,它封装了 JS,CSS,DOM 提供了一致的,简洁的 API,使用户更加方便的处理HTML,实现动画效果,并且方便为网站提供 Ajax 交互模型,使用户的 HTML 页面保持代码和 HTML 内容分离 使用JQuery JQuery 的使用步骤: ...
CSS 重置页面所有元素的内外边距和盒模型大小,并将元素的盒模型设为"border-box",使得元素的大小不会随着内边距和边框的增加而变化。 *,*:before,*:after{padding:0;margin:0;box-sizing:border-box;} 设置整个页面的背景图像,高度为视口高度"100vh"。