一、项目来源慕课网—手把手从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优化精简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阅读
5. nav导航栏此处可以先写一个盒子,然后给一个下边框即可5.1 dropdown的制作此盒子属于下拉,应该与下边的盒子连在一起使用才对。故在此盒子里包含一个dd和一个dt <div class="dropdown">
原创
2022-05-16 02:39:50
1127阅读
英文 | 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阅读
about table
原创
2016-10-01 22:44:15
6554阅读
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评论
HTML表格 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table border='1'> <tr> <th ...
转载
2021-08-06 20:42:00
1694阅读
2评论
CSS 是 Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 css 有四种引入方式 一,行内式: 二, 嵌入式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。 三, 链接式 将一个.css文件引入到HTML文件中
转载
2018-12-27 13:55:00
1924阅读
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表,定义在head 部分当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。 <head> <link rel="styleshe ...
转载
2021-09-14 16:50:00
1770阅读
2评论
说明: 以下内容来自互联网相关资料文档!并不定期更新; 选择符:任何一个html元素都是作为选择符;css选择器: class选择器; 每个选择符有不同的类,所有同一元素有不同的表现形式; &nbs
原创
2007-11-21 16:08:36
1659阅读
html和css的笔记
原创
2018-01-09 15:52:07
3058阅读
点赞
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阅读
JavawebHTML、CSSCSS引入方式< span >标签CSS选择器:页面布局表格表单标签表单项JavaScriptJavaScript引入方式JS语法变量数据类型运算符函数(Java中方法)JS对象ArrayStringJSON(对象标记法)BOMWindow 浏览窗口对象Location: 地址栏对象DOMJS事件监听事件绑定常见事件Vuevue生命周期Axios前后端分
转载
2023-10-22 20:53:58
148阅读
html中css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎
转载
2024-03-07 22:02:24
66阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co
原创
2022-07-10 00:03:51
230阅读
最近由于工作原因以及自己的懈怠,已经很久都没有更新过博客了。通过这段时间,我发现坚持一件事情是真的很难,都说万事开头难,但是在放弃这件事上好像开头了后面就顺理成章的继续下去了。中间即使不怎么情愿也在努力的每周更新博客,但是自从9月份以来,第一次因为工作需要加班而断更之后,后面好像很容易找到理由断更。
原创
2022-05-30 17:16:24
66阅读