目录​​1 用到的知识​​​​1.1 无序标签的使用​​​​1.2 浮动的使用​​​​1.3 伪类的使用​​​​1.4 清除原有浮动所占位置​​​​1.5 边框背景盒子布局div文字属性等等 ​​​​2 HTML代码​​​​3 CSS代码​​​​3.1 预处理css​​​​3.2 jd购物页面css​​​​4.效果展示​​1 用到的知识​​​​1.1 无序标签的使用1.2 浮
原创 2020-04-25 00:27:17
770阅读
CSS架构1.浮动;是以float属性设置容器指定的位置<style> div { width: 200px; height: 200px; } #qq { background-color: lightcoral;
转载 2020-06-01 10:21:00
91阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p{position: fixed; right: 5%; top: 50%; font-size: 40px; } </style> </head> <body> <img src="img1.png"/> <img src="img2.png
转载 2019-09-28 17:15:00
138阅读
2评论
前段时间,总结了Nginx的系列文章,Nginx的负载均衡等等,想了解的朋友,可以看这篇文章:《nginx 和 IIS 实现负载均衡》,然而,还是有很多人问我动静分离的问题,所以,就再来说一说 Nginx 实现动静分离。一起总结,相互学习,与大家共同探讨。什么是动静分离所谓系统动静分离,其实,就是将网站静态资源(HTML,JavaScript,CSS,img等文件)与后台应用分开部署,提高用户访问
HTML+CSS 京东商城静态页面 仅供学习,禁止商用!概不负责body { background-color: #F6F6F6; margin: 0; } /* 公共格式 */ ul { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; } input,button { b
原创 精选 2023-03-13 09:15:55
567阅读
1点赞
4评论
# 如何实现jQuery购物页面 ## 1. 整体流程 首先,我们需要了解整个实现过程的步骤。下面是实现“jQuery购物页面”的步骤列表: | 步骤 | 描述 | | --- | --- | | 1 | 创建HTML结构 | | 2 | 引入jQuery库 | | 3 | 编写JavaScript代码 | | 4 | 样式美化 | | 5 | 测试和调试 | 接下来,我们将逐步讲解每个步
原创 2023-07-14 08:51:07
79阅读
CSS架构一。链接:链接元素:通过使用a元素的href属性设置跳转到指定页面地址 <style> a{ color: blue; text-decoration: none; } a:hover{ cursor:default;
转载 2020-06-01 11:20:00
72阅读
2评论
相信大家大学的时候都写过商城网站的作业,而商城类网站最复杂最困难的那就是购物车无疑了,今天我就给大家分享一个简单的Django购物车代码1.中间页: 一个购物车肯定都应该有一个中间页的(views.py):def carJump(request, goods_id): # # 1.先获取前端页面上提交过来的数据 user_id = request.COOKIES.get('user
本文是上篇文章的接续,继续完成商品购物页面的构建.话不多说,直接切入正题,.今天的小项目没有新的知识点介绍,算是对之前所学的知识做一个小总结.除了需要耐心的大量搜集图片素材,其他的完成的都比较顺利.温馨提示:对于干饭人来说,看文章时,管好口水是最主要的哈!!! 深夜发贴,我应该是最懂你的博主了哈哈哈
转载 2021-01-29 17:54:32
865阅读
WEB一次作业,用CSS仿某APP(优酷)只是实验而已!!效果图:我是罡罡同学,一位初入网安的小白。☜(ˆ▽ˆ)(疯狂暗示 点赞 !关注!转发 !!! 点赞 !关注!转发 !!!) * 您的支持是罡罡同学前进的最大动力!效果图!(图片可以去阿里图库免费下载!)上代码!!!<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width, initia
css
原创 2021-07-05 11:38:08
418阅读
WEB一次作业,用CSS仿某APP(优酷)只是实验而已!! 效果图: 我是罡罡同学,一位初入网安的小白。☜(ˆ▽ˆ) (疯狂暗示 点赞 !关注!转发 !!! 点赞 !关注!转发 !!!)* 您的支持是罡罡同学前进的最大动力!效果图!(图片可以去阿里图库免费下载!)上代码!!!<!DOCTYPE html><html><head> <meta name="
原创 2022-04-07 18:23:33
312阅读
  在完成整个实例过程中遇到的知识点,可能会出现知识点比较跳跃,后面在做知识点的归整。  1. 开发前的准备工作  1.1 熟悉开发环境    常用的开发环境:sublime,webstorm,vscode,Hbuilder,atom等(我现在学习期间使用的是webstorm)  1.2 建立项目文件夹包括与项目相关的文件    1.2.1 主页或是首页:index.html或default.ht
转载 2023-12-19 11:47:16
115阅读
页面静态: 1。使用是字符串替换的方式,保存为HTML格式的文件,以后访问就只要访问着个文件就可以了。 2。使用.Net自带的WebClient获取到页面返回的html流,然后保存为HTML格式就可以了。 对于第二种方式还可以使用其它的类似的类或组件来实现。只要能得到反馈的流就可以了。 3。通过AJAX异步请求来进行处理! 4。使用伪静态的方式来实现!这个需要服务器支持! &nbs
转载 2011-04-04 17:41:06
569阅读
  学习前端有一段时间了,一直在看书上的理论知识,而实战项目却很少。师兄常说,想要知道自己的实力有多少,知识掌握了多少,最好的方法就是去实践了,实践出真知嘛。于是决定在这个假期里,主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习,查缺补漏知识点并且总结在实践过程中遇到的一些错误。页面的设计稿主要是网络上找来了的,也尝试自己切图、测量位置、获得
19.cssbody{  background-color:#ffd8d9;  margin:1px 0px 0px 0px;  padding:0px;  text-align:center;  font-size:12px;  font-family:Arial, Helve
转载 2009-07-26 17:36:03
566阅读
利用CSS制作静态网页主要是在<head>里面使用外联CSS文件来赋予网页样式首先用div分区块,了解网页布局,脑子里面有个大概的页面布局目前学习写的几种的网页布局可以分为以下几种情况:1.页面中间 centen ,两边留白 :直接测量 centen 内容的宽度和高度,利用 maigin:auto 让内容居中即可;2.页面顶部 head 满页面内容 ,下面centen 居中 ,两边留白
转载 2024-06-14 06:54:21
146阅读
.content{ width: 1000px; margin: 0 auto;}.content h1{ color: #de4767; text-align: center; font-size: 44px; font-weight: normal;}.content ul{ padding-l ...
转载 2021-10-25 14:21:00
49阅读
2评论
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载 2010-12-19 15:52:00
416阅读
2评论
1.> : > 2.text-decoration-:属性规定文本修饰要使用的线条类型。 (1) none 默认值,规定文本修饰没有线条 (2)underline 规定文本的下方将显示一条线 (3)overline 规定文本的上方方将显示一条线 (4)line-through 规定文本的中间将 ...
转载 2021-11-01 18:43:00
162阅读
2评论
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载 2010-12-19 15:52:00
329阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5