E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
---【html+css】
web学习第一课,
HTML+CSS
样式简要学习
一、web概述web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。二、HTML第一个小实例三、HTML元素分析1、声明为HTML5文档Html文档基本格式:文档后缀名.html或者.htm必须用在开头:用于向浏览器说明当前文档使用的哪种HTML
chengqiaoim653576
·
2020-07-29 09:17
WEB前端开发学习----4.用JavaScript实现网页游戏的移动效果
HTML+CSS
部分非常简单。就不多说了。需要注意的是图片要使用绝对定位。那么怎么让图片向右
carlosli
·
2020-07-29 09:40
web前端
HTML + CSS写轮播图
HTML+CSS
写轮播图利用CSS3的新属性,可以实现轮播,主要是利用CSS3的动画的三要素:(1)需要执行那个动画animation-name:动画名animation-name:lunbo;(2)需要创建一个名称叫什么的动画
@一枝梅
·
2020-07-29 09:15
HTML+CSS
+JS 轮播图
定位+计时器轮播图#container{width:450px;height:270px;margin:0auto;margin-top:100px;position:relative;overflow:hidden;}#pic{width:3150px;height:270px;position:absolute;z-index:1;}/*图片大小*/#picimg{float:left;wid
DearWu1226
·
2020-07-29 09:17
前端小项目
web前端实战系列[3]——下拉菜单
1.制作步骤静态网页动态效果——下拉菜单的显示和隐藏|---css实现|---JQuery实现|---JavaScript实现浏览器兼容性问题2.html+css实现下拉式菜单的
html+css
实现*{
weixin_30678349
·
2020-07-29 09:09
HTML+CSS
项目实践二:单纯利用CSS制作导航栏下拉菜单效果(不使用JS)
知识点:CSS属性、盒子定位、伪类选择器的使用实现效果:制作思路:1、先制作一个div盒子,用来放置导航菜单(一级菜单),设置盒子的高度和背景颜色。2、一级菜单,使用ul无序列表制作,设置li标签浮动到一行,且取消项目符号。3、需要设置二级菜单的li标签里,再嵌套ol标签制作。4、二级菜单默认隐藏,只有鼠标悬浮在一级菜单上时,才会显示出对应的二级菜单。实现代码:鼠标滑过时,显示二级菜单*{marg
逍遥小丸子
·
2020-07-29 08:48
HTML+CSS网页设计
笔记
学习新技术的时候可以做夜歌todomvc项目StackOverflowmsdn.itellyou.cn================================
Html+css
==========
bin_time
·
2020-07-29 08:08
html+css
web前端开发实战——利用定位制作【下拉菜单】
刚开始自己搭的一个静态的页面,自己再尝试一下加上【下拉菜单】,会稍微完整一点效果如图:触碰到【博雅游戏】,即有下拉菜单【博雅游戏】是header部分中ul里的一个li下拉菜单可以使用ul>li结构,在【博雅游戏】这个li里再插入一个ul>li结构html部分即完成首页博雅游戏游戏1游戏2游戏3游戏4博雅新闻关于我们客服中心投资者关系>>>>到css部分:先给【博雅游戏】这个要触发下拉菜单的父亲项,
Ankry果冻
·
2020-07-29 08:52
html+css
css
html
慕课网 初识
HTML+CSS
学习笔记 —— 第八章 CSS选择器
第8章CSS选择器8-1什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如下面代码中第7行代码中的“body”就是选择器。(可以回顾6-3CSS代码语法中的内容)8-2标签选择器标签选择器其实就是html代码中的标签。如示例代码中的、、、、。例如下面
inner_space
·
2020-07-29 05:14
前端开发基础
慕课网 初识
HTML+CSS
学习笔记 —— 第九章 CSS的继承、层叠和特殊性
第9章CSS的继承、层叠和特殊性9-1继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签:p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。可见下面代码结果中p中的文本与span
inner_space
·
2020-07-29 05:42
前端开发基础
HTML+CSS
实现静态注册页面
最终效果实现代码注册页*{padding:0;margin:0;font-size:15px;}.red{margin:0auto;width:650px;color:#D22;}.blue{font-weight:bold;color:#22F;background-color:#DCE2EE;}table{margin:0auto;width:650px;border:1pxsolid#DCE
lujie_1996
·
2020-07-29 05:26
Front
End
HTML+CSS
第六课:初识CSS之CSS选择器的使用、为HTML文档添加CSS样式的3种方式
知识点:CSS的概念及语法、CSS选择器的使用、CSS选择器的优先级、添加CSS样式的3种方式。1、CSS概念理解CSS是CascadingStyleSheet的缩写,可以翻译为“层叠样式表”或者“级联样式表”,即“样式表”。层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语
逍遥小丸子
·
2020-07-29 05:08
HTML+CSS网页设计
HTML+CSS
之CSS的继承、层叠和特殊性 (6)
2015-03-03wcdj摘要:本文继续学习CSS的继承、层叠和特殊性。1继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。
delphiwcdj
·
2020-07-29 05:32
HTML
CSS
前端HTML5+CSS3静态页面开发-博文尚美
前端html5+css3静态页面开发-博文尚美项目介绍博文尚美是一个设计网站,此项目由
html+css
布局完成页面,对前端基础知识的入门及掌握有非常好的提升效果,对html和css的使用及布局的体验能够建立起强大的信心
董广硕
·
2020-07-29 04:39
css
html
JavaScript学习笔记024-默认行为0滚轮事件
Author:Mr.柳上原付出不亚于任何的努力愿我们所有的努力,都不会被生活辜负不忘初心,方得始终想要进入前端圈子里工作原来需要懂得太多太多刚开始学习前端好高骛远以为
html+css
很牛逼了然后学了js
Mr柳上原
·
2020-07-28 22:29
HTML+css
实现元素居中对齐的方法
HTML+css
实现元素居中对齐的方法1.line-height实现居中对齐此种方法只适用于单行文本的居中,需要知道父元素的高度,通过line-height的高度等于父元素的height高度就可以实现垂直居中
_纳川
·
2020-07-28 21:18
前端
第一次WEB作业 简单的
HTML+CSS
这里写代码片Document.head{width:450px;margin:0auto;border:1pxsolidblack;}用户名:密码:性别:男女兴趣爱好:摄影读书旅游上传图片:
痴心少女的程序梦
·
2020-07-28 21:24
使用
HTML+CSS
制作加载动画
简单的页面加载动画html部分加载动画css样式部分body{margin:0;padding:0;background:#f1f1f1;}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(75deg);width:15px;height:15px;}.loading::before,.
YYQX爱跳舞
·
2020-07-28 21:01
小demo
坚持:学习Java后台的第一阶段,我学习了那些知识
HTML+CSS
:HTML进阶、
weixin_34192816
·
2020-07-28 19:29
HTML+CSS
\01
1、如何实现不确定宽高的盒子上下左右居中c3的属性,移动自己大小的一半div{position:absolute;top:50%;//相对于父元素left:50%;//相对于父元素transform:translate(-50%,-50%);//相对于自己}2、如何实现不确定宽高的图片上下左右居中img{position:absolute;top:0;/*四周拉力相同*/right:0;/*四周拉
237房间
·
2020-07-28 18:57
HTML+CSS
基础笔记
PS基础前端需要的PS技能图片格式PSD测量注意事项代码初识backgroundborderpaddingmargin盒模型和结构样式常见文本设置imga标签常见标签和SEO浅析基础选择符选择符优先级a伪类详解标签默认值样式重置标签基本特性和转换inline-block的特性和应用前端规范浮动的原理left/right/none以及清除浮动的各种方法浮动的定义清除浮动(撑开父级元素)浮动的问题定位
weixin_30436891
·
2020-07-28 16:35
HTML5:footer定位(底部+居中)的探讨+div图片居中问题
初学
HTML+CSS
布局,尝试自己写一个百度首页,但是footer的定位遇到麻烦并且百度没有好的解决方法,在此记录下逐步的过程。记录之,备忘。
The_Third_Wave
·
2020-07-28 14:41
前端相关
前端基础-
html+css
对HTML语义化标签的理解便于开发人员阅读,便于理解,增强可读性比如nav一般用于导航条,header表示头部,article表示文章等metaviewport是做什么用的,怎么写?Doctype作用?严格模式与混杂模式如何区分?它们有何意义?声明html文档类型,告诉浏览器以何种方式来渲染页面严格模式:以该浏览器支持的最高标准运行混杂模式:模拟老式浏览器,防止浏览器无法兼容页面如何画一个三角形d
VickQ
·
2020-07-28 09:57
前端基础
HTML+CSS
实战---------一个电商类的小型项目:品优购(五)
完成登陆和注册页面!!!!登陆和注册是比较私密的,所以在制作时怎么简单怎么来,logo也没有做优化,就是单纯的做一个链接,点击可以回到首页。注册页面,主要是一些表单的应用,页面中有很多提示性的信息,都是根据输入表单的内容进行判断,做出的反馈信息。依然是只做出页面效果,功能实现暂且搁置。登陆页面,我是用定位把包含表单的盒子定位到内容区的,还有表单里面的图标也是采用定位做的!!!因为我暂时还没有想到用
爱前端的程序媛
·
2020-07-28 09:59
#
练习实例
2018秋招前端面试题与参考答案总结之
HTML+CSS
(一)
闲暇时间,总结一下前端面试的题,有错误欢迎指出!一.HTML+CSS1.对htmlcssjs的理解html是语义,是构建网页内容的基础,是超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。css是表现,是一系列格式设置的规则,它们控制网页内容的外观。javascript是行为,是一种动态类型、弱类型、基于原型的语言,内置支持类型,最
星星之火M
·
2020-07-28 08:26
前端面试题
面试
前端
html
css
html+css
网站开发小细节
1.淘宝的导航栏居中html:首页我的淘宝聚划算登陆注册css:*{padding:0;margin:0;}.wrapper{height:30px;background-color:#424242;}.content{height:30px;width:80%;background-color:#f40;margin:0auto;}.right{float:right;}.left{float:
嫌疑-人
·
2020-07-28 08:09
html+css
基于JavaWeb的网上招聘系统的设计与实现
前端采用传统的
html+css
的技术,后台是用h+的boostrap技术框架。
qq79120063
·
2020-07-28 05:54
【
HTML+CSS
网页设计与布局 从入门到精通】第11章-CSS
目录图像class选择器设置图片每个边框的格式:颜色,线型另一个例子图文混排图片左对齐,居中,右对齐竖直对齐竖直对齐:具体数值-负数八大行星:图文混排图像class选择器图像.test1{border-style:dotted;/*点画线*/border-color:#996600;/*边框颜色*/border-width:4px;/*边框粗细*/}.test2{border-style:dash
rtoax
·
2020-07-27 17:51
人机交互
前端学习笔记(五)
HTML+CSS
静态页面实战案例:幸福西饼首页和百度首页
按照知乎上面汪小黑推荐的前端学习路径,在自学了HTML和CSS之后,开始尝试实战制作静态页面小项目。幸福西饼首页制作首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材、源码等。我是先看一集视频,然后关掉视频自己敲一遍代码。然后再和源码进行比较,看看自己哪些地方的代码写法和源码不一样,是否有可以改进的地方。做到比较靠后面的时候,其实已经不是很依赖视频教学了,自己大概看到样式
handsome
·
2020-07-27 17:28
前端
css
html
html5
css3
HTML+CSS
知识点总结(一)
Doctype作用?标准模式与兼容模式各有什么区别?(1)声明位于位于HTML文档中的第一行,处于标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。(2)标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。行内元素有哪些?块级元素有哪些?空
凌晨独舞
·
2020-07-27 16:38
Javascript
Css
HTML+CSS
PC端 手机端 公用部分样式代码整理
1、css常用公用部分样式代码整理:body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{margin:0;padding:0;border:0;outline:none;}ul,ol{list-style:none;}a{color:blac
我叫鱼小白
·
2020-07-27 16:42
常用代码摘录
html+css
复习小结
浏览器的解析模式:1.标准模式2.混杂模式(浏览器自己的模式)选择器优先级,权重值abcd内嵌1000id0100类,伪类0010元素0001注释:星号权重值为0,important让其他选择器权重值无效触发bfc环境:overflow只要不是visible.display:inline-block,table-cell,flex等.触发了bfc浮动元素的高宽也会参与计算。兼容性问题,现代浏览器触
Mr_Jasper
·
2020-07-27 11:53
个人笔记
如何去学好JS的8条小建议
在我们第一阶段完成
HTML+CSS
的学习之后,很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象,Js给我们的印象总是那么的“复杂”,因为它相比html来说是动态的,是编程语言,更深奥一些
华为云开发者社区
·
2020-07-27 11:01
javascript
编程
前端
html
code
如何去学好JS的8条小建议
在我们第一阶段完成
HTML+CSS
的学习之后,很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象,Js给我们的印象总是那么的“复杂”,因为它相比html来说是动态的,是编程语言,更深奥一些
华为云
·
2020-07-27 10:24
技术交流
JS
编程
web前端开发
html
代码
小米商城主页面的实现(
HTML+CSS
)
小米商城主页面(
HTML+CSS
)的实现小米商城主页面的基本实现1.小米商城主页面的基本分析2.小米商城的顶部栏(topBar)分析3.小米商城的导航栏(header)分析4.小米商城的内容主页区(site-content
进击de熊孩纸
·
2020-07-26 16:20
前端
html
css
如何去学好JS的8条小建议
在我们第一阶段完成
HTML+CSS
的学习之后,很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象,Js给我们的印象总是那么的“复杂”,因为它相比html来说是动态的,是编程语言,更深奥一些
华为云开发者社区
·
2020-07-25 13:00
html+css
入门基础案例之页面设计
Document性别男女生日--请选择年--199419951996199719981999--请选择月--123456789101112--请选择日--123456789101112所在地区婚姻状况未婚已婚离婚学历喜欢的类型妩媚的可爱的小鲜肉老腊肉都喜欢自我介绍自我介绍我同意注册条款和会员加入标准我是会员,立即登录我承诺年满十八岁,单身抱着严肃的态度真诚寻找另一半
행운의소녀
·
2020-07-24 20:00
html+css
入门基础案例之圣诞那些事
圣诞那些事圣诞节的那些事1.圣诞是怎样由来的2.圣诞老人的由来3.圣诞树的由来圣诞是怎样由来的圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节可能开始于公元336年的罗马教会。4世纪初,1月6日是罗马帝国东部各教会纪念耶稣降生和受洗的双重节日,即上帝通过耶稣向世人显示自己。这一天又是罗马历书的冬至节,意味着万物复苏的开始。可能由于这个原因,罗马教会才选择这一天作为圣诞节。后来,因为各地
행운의소녀
·
2020-07-23 18:00
网页设计与制作(
HTML+CSS
)(一)
初识html名词解释:①Internet:即因特网②www(WorldWideWeb):即万维网③URL(UniformReourceLocator):统一资源定位符④DNS(DomainNameSystem):域名解析协议⑤HTTP(HypertextTransferProtoclo):超文本传输协议⑥WEB:即网页⑦W3C组织(WorldWideWebConsortium):万维网联盟Web标
SuperButton
·
2020-07-16 05:35
编程语言
html+css
实例
1.简单的物品浏览页(1)reset.css文件(初始化一些样式,例如消除a标签的下划线)/*将标签默认的间距设为0*/body,ul,p,h1,h2,h3,h4,h5,h6,dl,dd,input,selector,form{margin:0;padding:0;}/*让h标签继承body内设置的字体大小*/h1,h2,h3,h4,h5,h6{font-size:100%;}/*去掉默认的列表标
胖哥哥飘过
·
2020-07-16 04:04
前端
HTML+CSS
学习笔记(2) - 认识标签(1)
1、语义化,让你的网页更好的被搜索引擎理解标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等。讲了这么多语义化,但是语义化可以给
王隆帅
·
2020-07-16 04:58
JavaScript培训VIP精品课程
面向人群:喜欢从事互联网端开发的人员前有一定
HTML+CSS
基础,可以自己编写出简单的静态页面学习流程:JS基础知识免费课(两周)点击获取基础课程=>JS和移动端深入学习以及项目实战开发(九周)JS+HTML5
dichuitang1558
·
2020-07-15 22:18
前端学习路线
第一阶段:1.1HTML+CSS(HTML进阶、css进阶、div+css布局、
html+css
整站开发)1.2、javascript基础(js基础教程、js内置对象常用方法、常见的dom树操作大全、ECMAscript
yijianshu
·
2020-07-15 16:11
前端学习
HTML+CSS
学习笔记(3)- 认识标签(2)
1、使用ul,添加新闻信息列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法:信息信息......举例:精彩少年美丽突然出现触动心灵的旋律ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点.2、使用ol,添加图书销售排行榜如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上
王隆帅
·
2020-07-15 14:54
HTML+CSS
实现导航页
导航*{margin:0px;padding:0px;}.nav{width:960px;height:33px;background-color:#CCC;font-size:14px;font-family:"微软雅黑";margin:0pxauto;}.navul{line-height:33px;margin-left:40px;}.navulli{float:left;width:140
yeruo
·
2020-07-15 11:26
网页
jQuery对table表格进行增删改查
代码如下
html+css
(原谅我写在一起吧。。毕竟渲染不是我的强项)测试数据table,td{font:100%'微软雅黑';}table{width:
越来越好ing
·
2020-07-15 07:23
jQuery
HTML+CSS
实现编写简单导航栏
一、前言导航栏是指位于页面顶部或者侧边区域的,在页眉横幅图片上边或下边的一排水平导航按钮,它起着链接站点或者软件内的各个页面的作用。在各个网站的主页面我们基本都能看到导航栏的存在,它对于用户快速寻找到所需信息及内容提供了极大的便利。二、导航栏网络在我们的日常生活中占据了极其重要的位置,无论是在PC端还是移动端各式各样的导航栏更是随处可见。百度导航栏天猫商城导航栏微信支付导航栏类型多种多样,但基本原
我是梁小怂
·
2020-07-15 07:52
bootstrap响应式前端页面
技术:HTML+CSS+JS+bootstrap概述这套代码响应式前端页面基本写完了,适合初学前端的同学,里面主要运用了
HTML+CSS
布局和动画,js逻辑较少,页面都是静态,未接入接口。
weixin_34290352
·
2020-07-15 05:26
【
HTML+CSS
】精灵图(雪碧图)+侧边栏固定
需求:实现下图效果(精灵图+侧边栏固定屏幕)精灵图+侧边栏固定body{padding:0;margin:0;}.section{text-align:center;padding:20px;height:700px;color:#fff;}/*#nav{position:fixed;bottom:20px;right:10px;width:120px;height:521px;}*/.a1{di
weixin_30323631
·
2020-07-15 02:40
html+css
4
开篇第四章1、使用标签,链接到另一个页面。语法:链接显示的文本title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好).2、在新建浏览器窗口中打开链接.标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。语法:clickhere!(ps:target之前还需要有一个空
多语
·
2020-07-14 23:00
上一页
32
33
34
35
36
37
38
39
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他