一、项目来源慕课网—手把手从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文件放在适合的
  本博客主要用途是记录学习笔记。        最近在跟着黑马课程学习搭建小兔鲜儿项目,现阶段主要用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网站上的数据,
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阅读
htmlcss的笔记
原创 2018-01-09 15:52:07
3058阅读
3点赞
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阅读
htmlcss指的是层叠样式表(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阅读
  • 1
  • 2
  • 3
  • 4
  • 5