一、项目来源慕课网—手把手从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阅读
创建一个HTML页面。 其内容为一个无序列表。 列表中至少包括了5本畅销书,每本书之前的项目符号必须採用概述封面的缩略图。
这些信息能够冲Web上获取。
要求採用CSS方法进行布局。
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=g
转载
2016-02-28 10:22:00
152阅读
2评论
HTML优化精简HTML代码减少HTML的嵌套减少DOM节点数减少无语义代码 (比如:<div class="clear"></div> // 清除浮动)删除http或者https,如果URL的协议头和当前页面的协议头一致的,或者此URL在多个协议头都是可用的,则可以考虑删除协议头删除多余的空格,换行符,缩进和不必要的注释省略冗余标签和属性使用相对路径的URL文件放在适合的
转载
2024-09-09 14:56:34
16阅读
本博客主要用途是记录学习笔记。 最近在跟着黑马课程学习搭建小兔鲜儿项目,现阶段主要用HTML+CSS完成静态页面的展示,因此为了加深使用css样式的记忆和学习搭建项目的一些小技巧,此文留下了小笔记。 下面是小兔鲜儿页面展示效果:一、项目的整体结构 本项目是在vscode环境中完成的。项
转载
2023-10-26 18:55:51
155阅读
今天终于知道IE hack的 符号了,记上点吧。_ IE6 识别。如_top:12px;* IE7 IE6 识别。如*top:12px;hegiht:12px \0/; 如IE8识别。以前也查看过多次。总是忘记。这次记住吧。
转载
2013-03-29 16:00:00
216阅读
2评论
css ::marker这是一种实验技术,由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 ::marker元素代表一个列表项的标记框(<li>)。标记通常是一个项目符号或数字。 使用: 在css中di
转载
2021-07-05 19:14:00
313阅读
2评论
css ::marker这是一种实验技术,由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。::marker元素代表一个列表项的标记框(<li>)。标记通常是一个项目符号或数字。使用:在css中display设置list-item值之后就会生成一个Markers标记以及控制标记位置和样式的几
原创
2022-11-08 11:39:24
161阅读
前端语言基础:HTML5 & CSS(一) HTML5:超文本标记语言(1) 基本概念是由一系列成对出现的元素标签(标记)嵌套组合而成 ( XML也是标签构成的 )这些标签以的形式出现,用于标记文本内容的含义浏览器通过元素标签解析文本内容并将结果显示在网页上,而元素标签本身并不会被浏览器显示出来(2) 基本结构HTML5元素的内容一般以起始标签开始,以结束标签元素名>终止网页标题..
转载
2023-09-19 19:50:42
205阅读
根据W3C定义,HTML全称HyperText Markup Languoge用于定义文档的内容结构W3C: 万维网联盟,是目前Web技术领域最具权威和影响里的技术标准机构,目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南 官网地址:w3.orgHyperText Markup Languoge 超文本标记语言,该语言书写的代码通常会被浏览器解析执行一个页面就是一片文档,而一片
转载
2023-07-19 21:34:01
175阅读
最常用的字符实体(Character Entities)PHPChina 开源社区门户 @ r2[ {:s l-? G o |
显示结果 说明 Entity Name Entity NumberA Y$o h;i+_ r E5C f ? ~ p0 显示一个空格 H r K I J F w0< 小于 < <PHPChina 开源社区门户 x
转载
2023-11-09 15:38:52
68阅读
1.CSS是HTML的搭档.在编码过程中,它们发挥不同的作用:HTML负责网页的具体内容(结构),而CSS则修饰网页的表现形式(布局)。CSS有一个优越的特性,即它可以对页面布局进行集中管理。也就是说,你不必在每个标签里都使用style属性;相反,你可以只声明一次,浏览器便会按相应的页面布局效果来显示文本:通过把CSS文档独立出来,你就可以同时对多个页面的布局进行集中管理, 方便统一风格。这也是现
转载
2023-12-01 16:17:27
33阅读
5. nav导航栏此处可以先写一个盒子,然后给一个下边框即可5.1 dropdown的制作此盒子属于下拉,应该与下边的盒子连在一起使用才对。故在此盒子里包含一个dd和一个dt <div class="dropdown">
原创
2022-05-16 02:39:50
1127阅读
HTML.CSS实用css有三种格式:内嵌;内联;外部;分类:内联:写在标记的属性位置,优先级最高,重用性最差内嵌:写在页面的head中,优先级第二,重用性一般外部:写在一个以css结尾的文件中,通过引用来建立文件与html页面的关系,优先级最低,但是最灵活最好用,重用性最好。经常用的就是内联和外部。外部的话需要引用。选择器:id选择器:#id,优先级最高,只能选中一个元素class选择器:.cl
转载
2023-11-28 09:21:47
95阅读
1.如div{...}会给所有的<div></div>增加样式。 2.名前井号“#”:对应html中的标签的id属性,写法为#name。如#p1{...}会给<p id="p1">ID is p1</p>增加样式。 3.名前小数点“.”:对应html中标签的class属性,写法为.name。如.p2{...}会给<p class="p2">CLASS is p2</p>增加样式。...
转载
2012-10-19 00:00:00
705阅读
2评论
符号实体
原创
2022-01-13 10:06:06
213阅读
HTML转义符号 HTML转义符号 HTML常用符号:显示一个空格 < 小于 < <> 大于 > >& &符号 & &" 双引号 " "其他常用的字符实体(Character Entities)显示结果 说明 E
转载
2016-04-26 22:18:00
96阅读
2评论
【当你用心写完每一篇博客之后,你会发现它比你用代码实现功能更有成就感!】
原创
2021-07-15 15:00:12
589阅读
HTML 与 CSS 的关系上一章节学习了 HTML 的基本概念,我们也知道了 HTML 到底是什么。那么我们在前端领域,经常能听到前端的三架马车,HTML,CSS 和 JavaScript。HTML 组成了网页的基本结构,那么 CSS 就是给网页当中所有的结构添加样式,让我们的网页不再单调,从而变成一个炫酷的网站。而 JavaScript 则提供了交互功能,让我们能够在网页中做各种各样的操作,这
转载
2023-08-07 22:14:45
99阅读
英文 | https://betterprogramming.pub/top-7-css-grid-layout-concepts-with-examples-18c85e4d0b27翻译 | 小爱CSS Grid是CSS的一个布局模块,用于定义基于2D网格的布局系统,该系统针对用户界面设计进行了优化。在预定义的灵活布局网格中,我们可以放置子元素。如果我们查看Caniuse网站上的数据,
转载
2023-08-27 12:57:55
144阅读
1.代码style.css1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 body {
7 background-image: url("../images/bg.gif");
8 }
9
10 /*头部*/
11 .header {
12 width: 100%;
13 heig
转载
2023-07-26 20:09:45
81阅读