<!DOCTYPE html>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-01 11:56:06
                            
                                200阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、项目来源慕课网—手把手从0打造电商网页开发
网址:https://www.imooc.com/learn/1236
源码:右侧资料下载
二、摘要1.基本框架搭建(三、1-3)
2.实现html+css效果,一些要点笔记(三、4-8)
3.js效果步骤分析(三、9-10)
4.做完感受(四)
三、开始构建1.先搭建基本页面结构,并用link连接到首页
2.搭建页面骨骼
页面分为三大块,导航,首部            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-26 08:39:15
                            
                                30阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            我们有时会通过ajax动态获取一段Html代码,并且将这段代码通过javascript放到页面的Dom结构中去。 而很多时候通过ajax动态获取的Html代码中也包含javascript代码,有一点需要注意的是 通过ajax动态加载Html元素到页面Dom 和 浏览器访问页面时加载页面Dom 时javascript的执行顺序是有所不同的。 我们先来看一个Html页面的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-04 13:59:23
                            
                                139阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             
代码目录:
 
主要代码实现:
CSS样式:
   * {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        a,
        img {
            border: 0;
        }            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-16 15:22:13
                            
                                324阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ???? 作者主页:Java李杨勇???? 简介:Java领域优质创作者????、Java李杨勇公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我,都给你】???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 效果演示:文末获取源码代码目录:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-18 10:50:08
                            
                                689阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Atom通用代码编辑器,Github出品,基于electron桌面应用平台,https://atom.io/,源代码:https://github.com/atom/atomVisual Studio Code通用代码编辑器,微软出品,基于electron桌面应用平台,https://code.visualstudio.com/,源代码:https://github.com/Mic...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-20 23:14:16
                            
                                183阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前端学习 HTML HTML基础 HTML:Hyper Text Markup Language(超文本标记语言)。超文本包括:文字、图片、音频、视频、动画等 <!DOCTYPE html>	DOCTYPE声明:告诉浏览器使用什么规范 <!--标题标签--> <h1></h1>h1最大,h6最小 < ...            
                
         
            
            
            
            HTML/CSS/JS 的关系 html 负责页面内容显示和结构 css 页面美化js 与用户交互面试题:网页的三层结构结构是什么?各自的作用结构层、表现层、行为层 script标签的使用 <!--嵌入的方式--> <script> js代码 </script> <!-- 外部js文件引入的方式 - ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-17 22:18:00
                            
                                201阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            你需要了解的21个CSS惊人技巧http://www.iteye.com/news/11112-web-css24 个漂亮的个性化 HTML 表单技术s html jshttp://www.gotapi.com/html            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-07 09:27:18
                            
                                168阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.CSS是HTML的搭档.在编码过程中,它们发挥不同的作用:HTML负责网页的具体内容(结构),而CSS则修饰网页的表现形式(布局)。CSS有一个优越的特性,即它可以对页面布局进行集中管理。也就是说,你不必在每个标签里都使用style属性;相反,你可以只声明一次,浏览器便会按相应的页面布局效果来显示文本:通过把CSS文档独立出来,你就可以同时对多个页面的布局进行集中管理, 方便统一风格。这也是现            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-01 16:17:27
                            
                                33阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html 负责页面内容显示和结构 css 页面美化 js 与用户交互 面试题:网页的三层结构结构是什么?各自的作用 结构层、表现层、行为层 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-17 22:08:00
                            
                                147阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            动态滑动登陆框 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态滑动登陆框</title> <link rel="stylesheet" href="index.css"> <link rel="stylesheet" hr            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-10-22 10:26:28
                            
                                140阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jsInCssApply</title>
  <link rel="stylesheet" href="./css.css">
  <style>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 22:49:35
                            
                                242阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性,如何动态修改css样式呢?面对这个问题,小编带领大家来解决javascript动态修改css样式,小伙伴们都快来学习吧在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。1、使用obj.className来修改样式            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-13 23:30:10
                            
                                104阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            JavaScriptJavaScript 是网络上最常用也是支持者最多的客户端脚本语言。它可以收集 用户的跟踪数据,不需要重载页面直接提交表单,在页面嵌入多媒体文件,甚至运行网页游戏。我们可以在网页源代码的<scripy>标签里看到,比如:<script type="text/javascript" src="https://statics.huxiu.com/w/mini/st            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-14 12:28:32
                            
                                56阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            基于HTML/CSS/JS的动态元素周期表
一个基于HTML,CSS,JS的动态元素周期表,文章中给出了完整的源码
演示效果
演示地址
wanghao221.github.io/game/yuansu…
(打不开的话刷新一下试试)
代码展示
HTML
<!DOCTYPE html>
<html>
	<head>
		<meta charset="ut            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-11 10:58:09
                            
                                162阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            基于HTML/CSS/JS的动态元素周期表一个基于HTML,CSS,JS的动态元素周期表,文章中给出了完整的源码演示效果演示地址            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 10:29:26
                            
                                969阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            项目目录 : -webpage下有src和static文件夹,src下有assets文件夹 -webpage -src -assets -static 一、html文件改成.vue格式的文件demo.vue,内容修改成如下 1 2 3 4 5 6 7 <template> </template> < ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-26 15:05:00
                            
                                1697阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            第11章  CSS简介、HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为。、CSS的出现就是为了改造HTML单调的默认外观。、CSS引入方式有3种:外部样式表、内部样式表、行内样式表。、在实际开发中,一般都是使用外部样式表第12章  CSS选择器、id和class(1)id就像你的身份证号,而class就像你的名字。同一个页面中,id只允许出现一次,而            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-26 09:43:46
                            
                                90阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            HTML、CSS、JS的区别。在日常学习中,html,css和js我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。随微点阅读小编看一下这三项技术都是什么,能干什么?web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业。不同的公司有不同的叫法,例如网页界面开发、网站设计等等。要学习web前端开发,需要掌握哪些知识呢?小编总结了一下,必须掌握的就是以下几点。1            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-09 00:10:12
                            
                                122阅读