【HTML+CSS】

怎样用html+css制作照片墙？

照片墙@charset"utf-8";body{background:gainsboro;/*背景颜色*/}.div_pic{width:800px;height:1000px;margin:60pxauto;position:relative;}.p{/*内边距*/padding:10px10px10px;background:white;/*图片白色背景*//*背景*//*左移，下移，虚化*/
十里桃花131·2020-08-21 15:05

原生html+css 实现时间轴功能

2020-04-20阿里云又投资了2000亿元，用于数据建设4月20日，阿里云宣布未来3年再投2000亿，用于云操作系统、服务器、芯片、网络等重大核心技术研发攻坚和面向未来的数据中心建设。2020-04-20张三同学20号居然没有吃早饭4月20日，张三同学疲于奔波上班，竟连五分钟在路边买煎饼果子的时间都没有，在未吃上早饭的情况下，灌下300ml热水。2020-04-20张三同学午间时分感到呼吸不畅
千岁客·2020-08-21 15:54

HTML+CSS实现简易可交互照片墙

效果图首先先把效果图摆上功能可以进行动态交互，当鼠标放到图片上时，图片会旋转放大。代码首选，要实现一个简易的可交互的照片墙，我们需要先找到合适的图片，然后就是利用代码实现了。HTML代码：使用时，只需要将图片地址换成自己的本地地址即可。PhotoWallCSS代码：*{margin:0px;padding:0;}body{background:url("img/0.jpg");background
Jupiter！·2020-08-21 15:12

HTML+CSS 让div相对父级框体居中(垂直和水平居中)的方法

在编辑网页的过程中,经常需要将div框体居中.记录两种让div框体相对父级框体居中(水平居中+垂直居中）的两种方法:先放上示范的HTML代码:在两种方法中,相同的部分是要将父级框体的position属性设置为relative。.main{position:relative;}这是因为，操作居中目标框体时，要将其position属性设置为absolute。如果父级框体没有设置坐标系，则为默认坐标系，
liwangqi94·2020-08-21 14:24

html+css基础入门教程标记语言——打印样式

讨论了几种为文档应用CSS的方法,这一章是要研究打印样式,指定特别用来打印页面的CSS规则.只要几条CSS规则,就能确保结构化标记内容打印到纸上的效果与屏幕上显示的一样好看.网页教学网首先来看看media类型,以及它们与提供设备相关CSS的关系.如何指定打印时采用的样式?在回答这个问题之前,必须熟悉一个概念,那就是我们能为CSS指定媒体类型(media),声明媒体类型将能使样式针对特定媒体发挥作用
html基础教程·2020-08-21 14:19

html+css语言代码汇总

ISO语言代码HTML的lang属性可用于声明网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据W3C推荐标准，您应该通过标签中的lang属性对每张页面中的主要语言进行声明，比如：...在XHTML中，采用如下方式在标签中对语言进行声明：...ISO639-1语言代码ISO639-1为各种语言定义了缩略词。您可以在HTML和XHTML中的lang和xml:lang属性中使用它们。语言ISO
前端基础开发·2020-08-21 14:49

天天生鲜商品详情页HTML+css

index.html天天生鲜-商品详情页欢迎来到天天生鲜!登录|注册|我的购物车|我的订单我的购物车1全部商品分类首页手机生鲜抽奖全部分类>新鲜水果>商品详情大兴大棚草莓草莓浆果柔软多汁，味美爽口，适合速冻保险贮藏，草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。￥16.80单位：500g数量：+-总价：16.80元立即购买加入购物车css代码块——main.cssbody{font
胡安想·2020-08-21 14:06

HTML+CSS画同心圆

参加web前端校招的同学们经常会遇到这样的面试题：用HTML+CSS画出一个同心圆。例如：这道题主要考验的是基础盒模型布局能力和倒圆角属性的巧用。
北冥木鱼·2020-08-21 13:33

HTML+css图片放大

无标题文档*{margin:0px;padding:0px;}#divHead{display:block;height:220px;overflow:hidden;width:350px;}#divHead:hoverimg{transform:scale(1.3);transition:all1sease0s;-webkit-transform:scale(1.3);-webkit-trans
格林黄·2020-08-21 13:35

HTML+CSS实现loading

http://www.webhek.com/misc/css-loaders看到了几个loading蛮好玩的就抄过来，然后就自己写，碰到好玩的loading都抄过来，看看到底能些多少！Document*{margin:0;padding:0;}body{background-color:#ccc;font-family:"sans-serif";}#main{width:960px;margin:
jl2577·2020-08-21 13:59

html+css简单布局

经过几天的学习渐渐掌握了一部分html和css下面是用最近几天学习的html+css简单布局的一个页面这个页面可以分为header，middle和foot。
YdPro_·2020-08-21 13:17

面包屑导航实现与详解

正文在实现面包屑效果之前，你需要掌握HTML+CSS的基础知识，如果你还不知道什么是HTML？什么是CSS？那么先去了解完这些基础知识。总体代
学致前端攻略·2020-08-21 13:11

使用html+css实现流光效果按钮

流光按钮*{margin:0;padding:0;}body{background:#000;}a{text-decoration:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;background:linear-gradient(90deg,#03a9f4,#f441a5
Glinty·2020-08-21 13:39

html+css基础入门教程学习标记语言——再谈清单

假设你打算标记一个步骤清单,每个项目之前都有编号,我们将会研究两种能够达成这个目标的不同方法,同时说明为何某个方法比较适用.方法A:乱中有序1.Choptheonions.2.Sautetheonionsfor3minutes.3.Add3clovesofgarlic.4.Cookforanother3minutes.5.Eat.前面这份清单可能是烹饪历史上最糟糕的食谱之一.但是拿来当简单的例子还
html基础教程·2020-08-21 12:55

html+css实现Loading动画

代码如下：Title.Loading{width:150px;height:150px;position:absolute;top:50%;left:50%;margin-top:-75px;margin-left:-75px;animation-name:Loxing;animation-duration:2s;/*设置动画完成时间*/animation-iteration-count:infi
笑问客从何处来·2020-08-21 12:52

HTML+CSS实现二级导航

一.简单的说就是列表里面再嵌套一个列表：HTML教程辉辉傻逼辉辉傻逼辉辉傻逼二.css样式设置应由外向内设置样式。先介绍几种样式：display:block:表示元素显示为行级元素，独占一行。可设置元素的宽度和高度。display:inline-block:表示元素显示为内联行级元素，既可并排显示，也可设置元素的宽度和高度。font:14px/20pxarial;表示字体大小为14px,行高为20
silingling·2020-08-21 04:20

如何去学好JS的8条小建议

在我们第一阶段完成HTML+CSS的学习之后，很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象，Js给我们的印象总是那么的“复杂”，因为它相比html来说是动态的，是编程语言，更深奥一些
华为云开发者社区·2020-08-21 03:24

CSS 布局经典问题初步整理

CSS基础知识下面几个入门教程不错：幕课网-HTML+CSS基础课程：偏基础，可以在线练习和预览MDN-CSS入门教程:MDN的官方文档学习CSS布局：排版和配色特别舒服，简短但不深
brianway·2020-08-20 20:00

CSS 布局经典问题初步整理

CSS基础知识下面几个入门教程不错：幕课网-HTML+CSS基础课程：偏基础，可以在线练习和预览MDN-CSS入门教程:MDN的官方文档学习CSS布局：排版和配色特别舒服，简短但不深
brianway·2020-08-20 20:27

特皮团队：一年菜鸟实现Promise所有方法

从零手写Promise完整版随着前端技术的不断发展，用户对界面的要求也在不断提高，现在的前端不再是之前的html+css,而是html+css+js，但是想学好js首先要知道js的核心在于异步，说到异步大部分人第一时间会想到
Peter谭金杰·2020-08-20 17:27

特皮团队：一年菜鸟实现Promise所有方法

从零手写Promise完整版随着前端技术的不断发展，用户对界面的要求也在不断提高，现在的前端不再是之前的html+css,而是html+css+js，但是想学好js首先要知道js的核心在于异步，说到异步大部分人第一时间会想到
Peter谭金杰·2020-08-20 17:27

特皮团队：一年菜鸟实现Promise所有方法

从零手写Promise完整版随着前端技术的不断发展，用户对界面的要求也在不断提高，现在的前端不再是之前的html+css,而是html+css+js，但是想学好js首先要知道js的核心在于异步，说到异步大部分人第一时间会想到
Peter谭金杰·2020-08-20 14:23

html+css 实现文字超过两行隐藏并三个点表示更多...

瀑布流布局有一个专业的英文名称MasonryLayouts。简言之像Pinterest网站这样的布局就称之为瀑布流布局，也有人称之.info{width:100px;word-break:break-all;display:-webkit-box;/**对象作为伸缩盒子模型展示**/-webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/-web
Zzzz二哥·2020-08-20 06:10

Python学习路线及资源

http://www.maiziedu.com/course/python/425-5465/html+css做网站的语言，不过你可以学一下Dreamweaver这个软件可以直接制作网站，入门视频地址：
writeing·2020-08-20 05:35

做网站的学习路线

前后端的学习路线前端学习路线HTML+CSS==》Bootstrap框架JavaScript==》jQuery（据说vue.js比这个更有优越性，但是还是前者的网站多，参考物多）XML==》AJAX+JSON
wsdchong之小马过河·2020-08-20 04:53

CocosCreator之KUOKUO带你修改web打包后loading页面

实际上就是html+css所为我们呈现的页面。首先。第一步：改名字。在打包后的文件夹里有个index.htmltitle标签里的就是。对应这里也就是浏览器的标签页标题。第二步：改图片。
KUOKUO众享·2020-08-20 00:32

初步了解前端知识

-前端开发-知乎https://www.zhihu.com/question/226895792、HTML+CSS基础课程(上)-简书http://www.jianshu.com/
Darcy_zz·2020-08-19 22:02

前段学习路线

前端开发入门参考资料单1.基础语法篇1.1.HTML&CSS教程1.1.1W3CHTML教程1.1.2W3CCSS教程1.1.3慕课网HTML+CSS基础课程练习1.1.4Web配色：色彩设计方法完成1.1
qq_15995055·2020-08-19 18:49

html+css学习笔记011-表单

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终责任与担当这几天公司招聘文案好几个应聘上的孩子答应的好好的第二天来上班然而却一去不复返给公司的工作计划造成了极大的困扰并不是责备他们而是从他们身上看到了以前那任性和不负责任的自己原来当初我那些自以为小小的无所谓的举动会给亲人、朋友和同事带来那么大的麻烦只是他们选择了宽容前端59期学员作业/*内部样式表
Mr柳上原·2020-08-19 09:10

data:image/png;base64有什么作用

data:image/png;base64有什么作用2013-03-2709:35:57|分类：html+css|标签：dataimage/pngbase6作用|字号大中小订阅大家可能注意到了，网页上有些图片的
小酷·2020-08-19 08:22

JavaScript基本知识

HTML+CSS：实现了静态页面。实际上，我们更多的页面的要求是动态的，比方说新浪网热点、聚焦……页面的自动切换。时间也应该是动态显示的。还有验证码、注册页面的数据验证……那么怎么才能让页面动起来呢？
LDH-·2020-08-19 05:35

html+css 图片/文字与外层外边框底部间隙bug

Documentbug问题：外层div的border线条底部与图片底部出现有几像素的缝隙，出现bug的原因：vertical-align:baseline;垂直居中的属性默认是底部对齐，而图片/文字的有顶线、中线、基线、底线四条线构成，基线与底线有之间还有内容，会撑开外层div解决方式1:vertical-align:top;垂直居中属性改为其他对齐方式解决方式2：将图片、文字修改为块状元素效果图
cc超人不会飞·2020-08-18 22:21

Html+Css新手简单快速仿京东商品分类导航

看一看最终的效果:下面我们就按照分析→设计→实现三大步骤来完成这个导航的效果，学会了之后，会发现大多数电商都是用这样的效果的。我们先从把结构写好：一个nav包含上面一个div(全部商品分类),一个导航列表(ulli)然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位，这个div分成左边:小分类列表,右边图片广告)因为我是用纯css+html写的，所以它的文件有:京东导航.html
sunyuan_software·2020-08-18 22:09

零基础小白能学Web前端吗 该如何才能学好JS

不过在完成HTML+CSS的学习之后，很多同学都会被JS难倒——JS语法、JS数据类型、JS效果三要素：时间、事件及运动轨迹等知识点多且杂，想要熟练掌握难度很大。
千锋郑州·2020-08-18 21:21

免费开源的建站程序大全，不会编程也可以自助搭建网站了哦

想建网站又不会编程的小伙伴有福啦，本期推荐一些开源的cms建站程序，不需要写后端的任何逻辑代码，轻轻松松就可以建立自己的网站了，当然，要想网站有自己的个性，模版还是需要自己写的，只需要会简单的html+
秦兽兽·2020-08-18 21:48

js、jq两种方法实现网页侧边导航

js第一种方法:实现的效果如下:1.在侧栏滑动时背景颜色切换和字体颜色切换.2.窗口滚动时，右边侧栏随之变化.3.点击侧栏选项,跳动到当前选项对应的页面,并且侧栏也随之变化.代码如下:html+css:
mr_fzz·2020-08-18 21:20

横向文字瀑布流，不错的一个东西 纯html+css

/*以下为设置li自动横向排列的样式*/#nav{/*width:80%;*/margin:0auto;/*border:2pxsolid#00CED1;*/}#navli{margin-right:5px;}ul,li/*这是关键，去掉ulli默认的marginpadding值*/{margin:0px;padding:0px;list-style:none;}ul/*这是关键*/{displa
langyu1021·2020-08-18 20:00

HTML+CSS 实现面包屑导航

HTML代码BlogHomeArchives2011WritingTipsforjQuerCSS式样：.crumbs{display:block;}.crumbsli{display:inline;}.crumbsli.first{padding-left:8px;}.crumbslia,.crumbslia:link,.crumbslia:visited{color:#666;display:b
jnlcs·2020-08-18 20:11

html+css页面布局之左侧固定并有边框

页面布局，如果是上中下布局，中间主体部分是左右两栏结构，左侧通常是菜单栏，右侧就是页面主体。这种布局可以考虑左侧浮动+固定宽度，右侧使用margin-left，也可以使用flex布局，这里的示例使用的是flex布局。.content{display:flex;}.content.grid-left{float:left;flex:none;border-right:1pxsolid#ddd;}.c
luffy5459·2020-08-18 20:29

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

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

HTML+CSS面包屑导航整理

原文地址随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必看到的。今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以研究学习一下。漂亮面包屑导航查看网站扁平化面包屑导航查看网站圆形风格面包屑导航查
LionoOfLight·2020-08-18 19:02

前端每日挑战の会动的emoji~tooltip 提示框

在segmentFault上看到有前端每日专栏，觉得不错，正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果，动画出处：https://segmentfault.com
油炸果XnW·2020-08-18 19:15

html+css常见问题与解答

html+css常见问题1、display:block；2、给img加float:Left；3、给img添加vertical-align：top/middle/bottom;4、给body添加font-size
愿你依旧·2020-08-18 06:22

Vue基础知识以及快速入门&&Element基本使用

视图：负责页面渲染主要由HTML+CSS
Lp可乐加冰·2020-08-18 05:01

用Html+Css/JavaScript/JQuery三种方法实现下拉菜单

此教程会分别用Css/JavaScript/JQuery来实现下拉菜单的样式。如下：效果图：以下是CSS样式代码：         *{margin:0px;padding:0px;}         #menu{            background-color:#eee;            width:450px;            height:40px;           
Lux_·2020-08-18 05:27

4、JavaScript进阶篇①——基础语法

也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。
weixin_33981932·2020-08-18 04:27

Vue基本原理、模板和配置

能够使用vue开发大部分应用的常见功能对vue的核心原理有一定认识需要的知识html+css知识javascript知识部分ES6知识（本节课需要用到字符串模板、速写方法、速写属性）如何学习？
洪布斯·2020-08-18 02:16

HTML+CSS初心自学记录（四）表单&超链接修饰

前面是一点小笔记，后面有两个简单的小例子（写css好开心喔超链接&表单修饰.a1:link{color:cornflowerblue;text-decoration:none;/*设置超链接不要显示下划线*/}.a1:visited{color:gray}.a1:hover{color:#ed462c;font-weight:bold;cursor:crosshair;/*cursor属性定义光标
竭鱼·2020-08-18 01:20

html+css实现选项卡效果

                              *{            margin:0;            padding:0;         }                  .tpt-bar{            display:flex;            border:1pxsolid#e2e2e2;            border-radius:2p
Albert Yang·2020-08-18 00:16

HTML+CSS 实现环形比例图效果

HMTL代码百分比.yuan{width:200px;height:200px;margin:0auto;box-sizing:border-box;padding-top:20px;text-align:center;background-color:#f1f1f1;border-radius:50%;position:relative;}.yuan_bl1,.yuan_bl2,.yuan_bl
羽筠·2020-08-18 00:45
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他