一、项目来源慕课网—手把手从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阅读
模块化是指将 一个复杂的系统分解为多个模块以方便编码。很久以前，开发网页要通过命名空间的方式来组织代码，例如 jQuery 库将它的 API 在了 window ．$下，在加载完 jQue町后，其他模块再通过 window ♀去使用 jQuery 。这样做 有很多问题，其中包括：• 命名空间冲突，两个库可能会使用同一个名称，例如 Zepto ( http: // zeptojs.com ）也 被放
在被问到这个概念的时候其实是有点不明所以的，从来没想过CSS还能玩出什么花样。最多是一些预处理器的方便性吧。在进行一些了解后才发现，原来自己日常所习惯且喜欢的书写css的方式就是有原子化在里面的，只是可能用的不够极致// example：有圆形、三角、正方形 三个box，有红色，白色、黑色三种颜色分别搭配。用组件化和原子化来书写分别有几种方法呢？原子化和组件化的优劣及诸多便利且不去探讨，感兴趣的可
原创
2022-02-17 10:20:59
411阅读
CSS：HTML结构化 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="le
转载
2008-03-26 15:40:00
71阅读
2评论
本篇文章介绍带边框的三角形与div形成的tooltip气泡。
转载
2012-07-22 21:51:00
256阅读
2评论
# HTML 和 JavaScript 的模块化与组件化
在现代前端开发中，模块化和组件化是两种重要的设计理念。这些理念使我们能够更好地组织代码，提高可重用性与可维护性。本文将深入探索这两种设计方式，并提供相应的代码示例和可视化图表。
## 模块化
模块化是一种将代码分割成独立、可重用单元（模块）的方式。每个模块都有其自己的作用域，通常包含一组相关的功能。JavaScript 提供了多种实现
使用
CSS3纯代码来实现模拟时钟，及指针动画功能。
在这里主要使用到
css3一些基本元素：
border-radius：圆角边框，画圆形；表盘
Transform：变换，旋转，扭曲；刻度盘，指针形状
Animation：时分秒指针转动。
:before/:after :伪元素基本思路：<div id="clock" class="">
<ul>
<li cla
转载
2023-07-21 17:08:22
95阅读
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置： .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等； 在以前我们的文件是这样的 index.css 如果使用了 CSS
原创
2022-05-10 12:12:00
511阅读
为什么要拆分样式文件?更易于查找样式规则.简化维护，方便管理.还可以针对某一页面提供特定的样式.为什么要添加桥接样式？你可以随时添加或移除样式而不需要修改HTML文档.为什么要定义两种媒体类型？NN4不支持@import，故识别不到桥接样式.@import ‘header.css’;@import ...
转载
2014-07-21 14:03:00
80阅读
2评论
body{ margin:0; padding:0; font:14px/1.5 "Microsoft YaHei",Tahoma,Arial,"宋体"; color:#333} form,ul,li,ol,dl,dt,dd,p,i,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}ul,li
原创
2022-06-17 21:05:14
130阅读
快速格式化代码（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta charset
原创
2022-10-20 10:15:47
331阅读
# HTML5组件化：构建可重用的网页元素
随着web开发的快速发展，组件化已成为一种流行且有效的编程方法。特别是在HTML5中，组件化的理念帮助开发者构建更加模块化、可重用的网页元素。本文将介绍HTML5组件化的基本概念、优势以及一个简单的代码示例。
## 什么是组件？
组件可以被视为具有特定功能和表现的独立单元。在Web开发中，组件通常包括HTML、CSS和JavaScript，允许开发
说明： 以下内容来自互联网相关资料文档！并不定期更新； 选择符：任何一个html元素都是作为选择符；css选择器： class选择器； 每个选择符有不同的类，所有同一元素有不同的表现形式； &nbs
原创
2007-11-21 16:08:36
1659阅读
E F所有被E元素包含的F元素
E>F所有作为E元素的直接子元素F
E+F紧跟E元素后的F元素
E~F E元素之后的所有兄弟元素F ...
转载
2021-10-25 21:01:00
1672阅读
2评论
在HTML文档中使用CSS样式表的三种主要方式：外部样式表、内部样式表和内联样式。这里，我将进一步解释这些方法，并强调一些最佳实践。
外部样式表
外部样式表是最常用的方式之一，因为它允许您将样式信息存储在单独的CSS文件中，该文件可以被多个HTML页面共享。这样做的好处是，当您需要更改网站的样式时，只需修改一个CSS文件，而无需修改每个HTML页面。
优点：
易于维护和更新。
提高页面加载速度（
原创
2024-10-08 10:50:24
145阅读
自从互联网诞生以来，就一直跟网站样式打交道，CSS一直存在并且已经按照自己的节奏发展，本文就带大家了解一下CSS的发展史。
原创
2022-03-17 22:35:48
779阅读
HTML
1、一套规则，浏览器认识的规则。
2、开发者：
学习Html规则
开发后台程序：
&nbs
原创
2016-11-25 10:10:25
2396阅读
一、link和@import的区别 link是引入外部样式表：<link rel="stylesheet" href='"/a.css"></link> @import在css中导入外部css 二、Emment HTML速写语法。例：ul>(li>img[src=img/pro/$.jpg]+h3+ ...
转载
2021-10-26 21:00:00
1557阅读
2评论
