HTML+CSS

原生html+css实现五星好评

效果展示:代码展示:Document*{margin:0;padding:0;}body{height:20px;}.parent1{display:inline-block;width:15px;height:17px;margin-left:15px;background:url("images/iconlist_1.png")no-repeat-184px-238px;}.parent1:h
Tonglanlinling·2020-08-16 18:20

巧用CSS3 :target 伪类制作Dropdown下拉菜单（无JS）

先上效果图正如标题所说，本文是教你如何巧用CSS3:target伪类制作Dropdown下拉菜单，原生HTML+CSS，无JavaS
weixin_34327223·2020-08-16 16:15

HTML+CSS导航栏自适应方案

css文件#header{background-color:#333;padding:10px10%;}/*导航栏按钮*/.btn{display:none;float:right;margin-top:5px;border:0;border-radius:5px;width:40px;height:40px;}/*文字Logo*/#headera.logo{float:left;font-wei
captainslow667·2020-08-16 13:11

web前端面试题总结

HTML+CSS什么是web标准，起到些什么作用，如何理解W3C组织制定的标准（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。
小亚美美·2020-08-16 10:38

【JavaWeb】HTML+CSS

1Web概念概述JavaWeb是使用Java语言开发基于互联网的项目软件架构cs架构：优点【资源加载快、用户体验好】、缺点【安装、部署、维护麻烦】bs架构：优点【开发、安装、部署、维护简单】、缺点【应用过大，用户体验会受影响、对硬件有要求】1.1BS架构资源分类静态资源：用静态网页开发技术发布的资源（HTML、CSS、JavaScript）。所有用户访问，得到的结果一样。如果用户请求静态资源，那么
XD1998·2020-08-16 10:56

Java GUI 常用方法总结

（GUI写界面是真的麻烦，还是html+css比较舒服，这里的GUI是用eclipse的windowBuilder插件写的）1、只关闭JFrame窗口，而不是关闭整个程序。
遇见1995·2020-08-16 09:04

html+css(前端需备教程html5及css3)-Long-专题视频课程

html+css(前端需备教程html5及css3)—69人已学习课程介绍本课程是《java就业班》系统课程的第13章，全套课程精细讲解，该课程超过其他机构30%的课程量，经过我们全套课程系统学习的同学
Long-Java大数据讲师·2020-08-16 07:25

前端需要学什么？

第一阶段：HTML+CSS+JS基础（1）HTML+CSS:HTML进阶、CSS进阶、DIV+CSS布局、HTML+CSS整站开发、（2）JavaScript基础：Js基础教程、js内置对象常用方法、常见
lin123_00·2020-08-16 06:50

学习JSP之前你要做的准备

1.掌握HTML+CSS学J
不善^·2020-08-16 06:43

html+css margin塌陷

在设置子类和父类之间的margin-top时，会出现无反应的现象。如下面代码：html：给父类设置margin-top,margin-left父类会带着子类一起移动。css:*{padding:0;margin:0;}.wrapper{width:100px;height:100px;background-color:green;margin-top:100px;margin-left:100px
嫌疑-人·2020-08-16 00:08

Windows Vista/7桌面边栏小工具开发入门

简单的说，我们可以使用HTML+CSS来制作界面，用JS完成程序功能。Vista和Win7的边栏小工具位于C:\Progr
陌路缘·2020-08-16 00:46

HTML+CSS：让IE文档模式默认最高

下面这段代码来让IE的文档模式永远都是最新的：chrome=1，是GoogleChromeFrame（谷歌内嵌浏览器框架GCF），如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以最高的文档模式展现效果。另：让IE8，ie9兼容css3media媒体查询
啦啦噜啦啦·2020-08-15 23:00

小程序实现“类吸顶”效果交流处

目前已经使用html+css实现了浏览器端的效果，主要是采用了css的sticky，问题在于微信不支持这个方式。
weixin_33674976·2020-08-15 19:15

前端圈的贫富差距正在拉大？

许多公司对于前端的能力要求也很低，好像只需要懂一些JS，会一般的HTML+CSS就可以了。但前端想要做到高薪却
祈澈菇凉·2020-08-15 19:44

html+css实现加载动画

效果图如上，我不会做动图，啊啊啊，会的小伙伴教我一哈[手动抱拳]代码很简单，就直接上代码了body{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#34495e;margin:0;padding:0;font-family:"montserrat",sans-ser
韩大璐·2020-08-15 16:45

HTML+CSS笔记 CSS进阶续集

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。语法:a{display:block;}块级元素特点：1、默认每
weixin_30824599·2020-08-15 16:14

HTML+CSS笔记 CSS入门续集

继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代(标签)。语法:p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。上面代码展示了:某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。语法:p{border:1pxsolidred;}三年级时，我
weixin_30695195·2020-08-15 16:35

HTML小白入坑日记~qwq

小白入坑日记目录初识HTML一般先学习HTML+CSS这里我们先定一个小目标,先学HTML后学CSSHTML(HyperTex
small~鱿·2020-08-15 16:10

Html+CSS CSS(CSS3) 3种清除浮动的方法

应用DivCSS网页布局，经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。下面看今天的教程，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。LeftRight一、使用空标签清除浮动我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用，够简短，也有很多人用，只是
高达一号·2020-08-15 15:07

前端必会的 HTML+CSS 常用技巧 之 移动端布局封装 rem.js 文件

  话不多说，步入正题； 1、封装移动端布局rem.js文件//作用：重置html的font-sizefunctionresetRootFZ(){varoHtml=document.querySelector('html');varw=oHtml.getBoundingClientRect().width;//设置根字体的大小等于html节点的宽度的十分之一oHtml.style.fontSize
Zhuangvi·2020-08-15 13:46

前端必会的 HTML+CSS 常用技巧 之 关于多个 input 标签不能水平对齐 并且之间存在缝隙的问题 剖析及其解决方案

关于多个input标签不能水平对齐并且之间存在缝隙的问题一、问题剖析1、input标签不能水平对齐2、input标签之间出现的缝隙二、解决方案1、利用怪异盒模型+垂直对齐+浮动(推荐)2、利用怪异盒模型+垂直对齐+font-size属性(推荐)3、利用怪异盒模型+垂直对齐+HTML代码书写位置  相信大家在HTML布局的时候经常会遇到搜索框，搜索框一般都是两个或者多个input标签水平横向排列组合
Zhuangvi·2020-08-15 13:16

前端必会的 HTML+CSS 常用技巧 之 元素居中的方式

元素居中水平（左右）居中  方法一  方法二：  方法三：  方法四：垂直（上下）居中  方法一  方法二  方法三  方法四左右上下居中  方法一：“参考线”  方法二：定位（position）  方法三：display:flex;形成弹性盒子  方法四：定位position+变形属性translate      如何让子元素在父元素里面左右上下居中  相信有很多小伙伴们在接触html、css时
Zhuangvi·2020-08-15 13:15

使用html+css做出水球效果

*{margin:0;padding:0;}body{height:100vh;background:linear-gradient(rgb(95,95,250),10%,rgb(3,3,110));}.main,.wave{width:200px;height:200px;border-radius:50%;position:absolute;left:50%;top:50%;transform
Glinty·2020-08-15 13:09

Html+CSS练习（百度注册页面）--div布局实现

效果图代码：注册*{margin:0px;padding:0px;}.input{padding:5px;height:38px;box-sizing:border-box;width:400px;margin:2px;}span{display:inline-block;height:35px;width:70px;text-align:right;}input[type="button"]{h
wgf1997·2020-08-15 04:40

控制台调试悬停动态产生的Html+Css（Force State无效）

问题：对于一些样式（Css）的控制，我们经常是在控制编写Css来查看样式效果，再编写代码。然而，现在存在的问题，就是一些悬停动态产生的Html（ForceState不生效）如何在控制台调试Css问题。现象：当我们鼠标悬停在页面的div等元素上，会动态产生一些dom元素，这时，我们鼠标离开想进入控制台去调试Css时，会发现dom元素又消失了，对于动态产生的dom元素，最外面一层还可以敲代码，再一步步
hunter-猎码人·2020-08-15 01:38

HTML+CSS实战，导航栏中菜单的样式

我要实现的效果1.当鼠标悬浮在某个菜单时会出现背景色2.当鼠标悬浮时字体会变大3.链接的下划线消失首先了解a:link英文link就是链接的意思，代表当一段文本为链接时的属性a:hover英文hover就是悬停的意思，代表鼠标指针放在这个链接上时的属性在这里我们要用到link标签，hover选择器接下来看图在a:link中输入text-decoration:none;链接的下划线消失在a:hove
wwwwww1102·2020-08-15 01:49

HTML+CSS之基础训练从传统布局到Flex布局

›#从传统布局到Flex布局本文将结合一个实例（其实是学校留的作业），来分析传统布局和Flex的异同。一、任务介绍：(1)新建一个html页面，并完成下图所示的布局页面(2)尝试用ullogo四、CSS布局美化——传统盒子布局CSS代码如下：.container{height:1000px;width:600px;margin:auto;}.header{height:100px;backgrou
WH小可爱·2020-08-15 00:19

Web开发系列【1】实用的网页布局（PC端）

在w3c、菜鸟、慕课网等等网站上都有基础的HTML+CSS知识讲解，在初期学习中，跟着教程全部过一遍就差不多了。
weixin_33801856·2020-08-15 00:11

如何用 html+css 实现平行四边形，以及气泡框呢？

【效果图】首先说一下平行四边形，想要做成的效果大致是下面这个样子的【思路】如果考虑用昨天的方法，利用border边界值，就可以分解成一个右三角+矩形+上三角（这里右，上的意思指的是需要加上颜色显示的边界颜色），但这样就挺复杂了，所以要换一种方法来做【做法】其实利用上次说的css3的属性transform属性来设置{display:inline-block;padding:5px20px;borde
程鹏飞·2020-08-15 00:40

html+css常见页面布局（一）

1.div元素居中1.1居中的div元素宽高已定效果图：代码如下：//css样式.div1{position:relative;width:100px;height:100px;border:1pxsolidblack;}.div2{background-color:yellow;position:absolute;width:60px;height:50px;top:50%;left:50%;m
OliverLOL·2020-08-14 23:08

大前端学习路线图（附视频及源码）

一、html+css搭建页面1.HTML语义化标签2.Html标签规范3.Css样式基础4.Css高级及布局方案二、PhotoShop切图流程
QF大数据·2020-08-14 23:40

网页制作之HTML+CSS布局

CSS网页布局：可以分为三种：1.固定布局2.流动布局（是百分百布局）3.弹性布局（可用于移动APP开发）元素基本样式：1.行内样式：直接写在部分的标签里面每满千减百2.内嵌样式：写在部分，用标签包起来淘宝*{margin:0;padding:0;}.block{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;
nrskhdzl·2020-08-14 23:30

html+css布局的三种方式

1.自然布局。没有任何修饰的布局是自动靠左的。2.流动布局上面讲的float:left的情况。3.定位布局相对定位和绝对定位都是相对于父div标签的。相对------以这个元素的本来应该在的位置为参照点绝对——以父div标签的原点（左上角）为参照点。由于外层是position:relative，所以里层是absolute的话，则会以外层的左上角为位移参考对齐。当然外层只写position:rela
huadonggmail·2020-08-14 23:02

Wordpress的页面seo优化

就在几年之前，用简单的html+css语言建立静态网站是非常普遍的。但是现在，差不多14%的网站都是用wordpress来驱动。
SEO少尉·2020-08-14 22:13

html+css布局的三种方式

1.自然布局。没有任何修饰的布局是自动靠左的。2.流动布局上面讲的float:left的情况。3.定位布局相对定位和绝对定位都是相对于父div标签的。相对——以这个元素的本来应该在的位置为参照点绝对——以父div标签的原点（左上角）为参照点。由于外层是position:relative，所以里层是absolute的话，则会以外层的左上角为位移参考对齐。当然外层只写position:relative
Coding-lover·2020-08-14 22:33

前端开发工程师必备技能

前端开发工程师需要懂的东西很多，下面简单列举下：会点设计，不要求精湛，处理图片，设计个小广告是要的；精通HTML+CSS，并能快速处理各浏览器兼容问题；熟练掌握Javascript或Actionscript
LLLLLLLLLLLLL刘·2020-08-14 21:12

web前端工作者需要具备的技能

熟练运用jQuery等js框架中的一种5、ajax6、json7、xml8、前端优化9、photoshop、firework等制图工具10、php\java\jsp\.net等后台语言的一种初级水平：html
weixin_33893473·2020-08-14 20:25

android客户端和网站数据交互的实现（基于Http协议获取数据方法)

可以理解客户端其实是一个你自己定义标记语言的浏览器，一般浏览器能解析的是html+css的数据，而android客户端能解析的是xml和json（或者都不是而是你自己定义的火星格式），服务端为了能满足客户端
weixin_30767835·2020-08-14 20:16

使用HTML+css实现京东图片自动轮播效果(自己写的)

jQuery图片轮换效果*{margin:0px;padding:0px;text-align:center;}#banner{width:730px;height:454px;margin:50pxauto;position:relative;/*相对定位,相对于.btn按钮*/text-align:left;}.picimage{display:block;/*默认有图片不显示*/positi
最爱超级福满多·2020-08-14 19:51

html+css：鼠标跟随特效气泡3

示例见图代码如下Above&Beneath:FeaturedContentLayoutEffect|Demo1document.documentElement.className='js';arrowdropgridsoundonsoundoffSeaweedSuper-nutritiousoceanplantsGreenGloryMysticCrunchFineJellyNutriBom
静静静静静rj·2020-08-14 11:48

html+css：鼠标跟随特效气泡1

示例如图代码如下Above&Beneath:FeaturedContentLayoutEffect|Demo3document.documentElement.className='js';arrowdropgridsoundonsoundoffBlueDiversProfessionalDivingAcademyAquaLungSurvivalGuideSafetyLessonsOxyg
静静静静静rj·2020-08-14 11:48

HTML+CSS学习二案例

,initial-scale=1.0">Documentbody{font:18px/28px"MicrosoftYaHei";}h1{font-weight:400;text-align:center;}.gray{text-align:center;color:grey;font-size:small;}.btn{font-weight:700;}a{text-decoration:none;
迪仙女·2020-08-14 10:59

HTML+CSS学习三及案例

案例：五彩导航Document.nava{display:inline-block;width:120px;height:58px;background-color:pink;text-align:center;line-height:58px;text-decoration:none;color:white;}.nav.bg1{background:url(images/bg1.png)no-r
迪仙女·2020-08-14 10:59

html+css学习一

（一）.概要标题标签、分段标签、换行标签、文本格式化标签图像标签链接标签表格标签表单标签（二）.详细内容1.标题标签一级标题：二级标题：三级标题：四级标题：五级标题：六级标题：一级到六级标题，字体大小/粗细的变化如图所示：2.分段标签分段标签中的文字会根据浏览器宽度自由调整一行的文字个数；段与段之间会有一行空行2010年1月，出演的都市爱情剧《幸福一定强》播出，并在片中饰演了陆森[28]；10月2
迪仙女·2020-08-14 10:58

HTML+CSS学习二

HTML+CSS学习二CSS代码规范：选择器{属性：属性值}一、选择器1.标签选择器：html标签名作为选择器把某一类标签全部选择出来p{text-indent:2em;}把p标签的内容首行缩进两个字的距离
迪仙女·2020-08-14 10:27

HTML+CSS登陆界面实例

登录界面截图项目代码仓库地址项目的代码放在了github的代码仓库当中：点我项目访问地址将登录界面项目部署在了github上面：点我项目代码解析项目的界面简析主要部分是Login的模块，包括username文本框和password文本框以及Login的按钮将Login模块进行居中，并且设置背景半透明添加背景框项目基本框架html代码解析大写的Login英文字母采用标题实现Loginusername
你倒是敲代码啊.·2020-08-14 05:10

html+css英雄联盟列表

MyHtml.html-->*{margin:0px0px;padding:0px0px;}body{background:#000;position:relative;}body.bg{width:1300px;height:700px;position:absolute;left:20px;top:10px;box-shadow:2px2px10px#FF9933}body.bgimg{wid
JAVA王琪·2020-08-14 02:43

使用HTML+CSS，jQuery编写的简易计算器

1345678简易计算器91011button{12font-size:18px;13font-weight:bold;14width:75px;15}161718varyunSuan=0;//运算符号，0-无运算;1-加法;2-减法;3-乘法;4-除法19varchange=0;//属于运算符后需要清空上一数值20varnum1=0;//运算第一个数据21varnum2=0;//运算第二个数据2
Smooth0815·2020-08-14 01:19

HTML+CSS模仿小米秒杀网站

HTML+CSS模仿小米秒杀网站前言效果代码html代码css代码js代码前言学完了HTML和CSS就模仿小米秒杀的网站弄了个简单的静态网页！！！
飞冰的冻柠茶·2020-08-14 00:56

Web前端_项目实践01_萌娃摄影网页（纯HTML+CSS静态页面）

正巧，我这儿有份儿合适的，纯HTML+CSS实现，够简单，页面比某些书本上的陈旧素材好看，有兴趣的话，一起来尝试吧。
夏2同学·2020-08-13 23:02
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他