CSS+HTML

前端面试 - css+html常考知识点总结

目录1.盒子模型2.flex布局3.实现水平居中4.inline和block5.垂直居中6.水平垂直居中7.CSS3新增8.CSS3伪类9.JS动画和CSS动画10.清除浮动11.让元素消失12.position和display13.相对定位与绝对定位14.css引入方式linkimport15.css选择器及优先级16.行内元素有哪些？块级元素有哪些？17.BFC18.伪类和伪元素19.重绘和重
小白Rachel·2020-08-10 14:22

2018.11.10 网页中使用Css+Html的圆形布局

2018.11.10网页中使用Css+Html的圆形布局在大多数的日常网页中，会选择垂直布局或者水平布局，因为网页中的块级元素提供了浮动（float）属性，但是有时候圆形布局会更具美感和设计感。
Littledad.He·2020-08-04 07:03

CSS实现loading小动画(附源码)

今天无意看到一篇大神对css+html实现简单loading小动画的资源整合文章,https://www.qianduan.net/free-html5-css3-loaders-preloaders/
Johnny_Pig·2020-08-01 10:53

一个简单的CSS+html页面

https://zyhyangliu.com自己写了一个简单的CSS一面，下面是代码：Title*{margin:0;padding:0;}body{background:rgb(205,174,153);}.header{width:1200px;height:100px;background-color:rgb(66,83,207);margin:0auto;text-align:left;l
Zyingh·2020-08-01 08:22

仅用CSS+HTML实现图片放大功能

备注：最好在firefox或chrome运行，在IE效果没出现-。-效果如下：备注：实现这个功能我仅使用了一个html和一个css，具体代码如下，好的话可以拿去：-----Fancy.html-----InserttitlehereCSS3ImageGallery-----Fancy.css------@CHARSET"UTF-8";body{background:url("./images/sd
zjut_acm·2020-07-30 06:21

仅用css+HTML实现图片墙功能

备注：最好在firefox或chrome运行，在IE效果没出现-。-效果如下：当鼠标移动到某一张图片时，另外也点击打开图片，会自动连接到大图片。代码如下：-----------NewFile.html--------InserttitlehereAngel&GirlinNewZealandThisbreathtakingvolcaniclakeisatWai-O-TapuThermalWonder
zjut_acm·2020-07-30 06:21

【JavaScript】（8）——实例：图片切换效果

背景：不知道怎么回事，最近做的项目都是在和UI打交道，各种图片，各种表格，各种按钮的组合、拼接；写各种JS方法让他们无缝组合，自由切换；对CSS+HTML中的多种属性都熟悉了一下，盒子模型，背景图片等等
Reka·2020-07-29 11:09

浅谈前端CSS样的编写

对于前端小白来说一般主开始的工作都是简单的CSS+HTML的开发，但是别认为CSS+HTML就没有用，最近我在修改一个项目，这个项目是进行重构，当你们看见一串密密麻麻的CSS样式时候就会觉得非常的头疼，
小丑也有可爱的一面·2020-07-29 09:08

JavaScript从入门到精通

对于学过CSS+HTML的同学，即使是像淘宝那样的网站，用一两天时间也可以将布局写出来。但对于一个网页来说，除去CSS，HTML这样描述静态布局的元素外，还有诸如弹窗，幻灯，编辑等很
ruirui_1996·2020-07-28 10:37

CSS+HTML实现下拉菜单效果

.drop_title{height:40px;width:80px;background:lightblue;border:1pxsolidlightgray;text-align:center;line-height:40px;}.drop_cona{display:block;text-decoration:none;color:black;text-align:center;height:
MM_GS·2020-07-14 05:20

仅用css+HTML实现图片切换效果

备注：最好在firefox或chrome运行，在IE效果没出现-。-效果图：-----images.html-----HowtoCreateAnImageSliderWithPureCSS3CSS3ImageSlider12345-----images.css-----@CHARSET"UTF-8";body{background-image:url("./images/sdl(31).png")
zjut_acm·2020-07-10 15:57

css+html制作有趣的符号表情开关

Documentlabel{display:block;width:120px;height:40px;margin:0auto;border-radius:10px;font-size:40px;line-height:32px;box-shadow:5px0px20pxrgba(0,0,0,0.5);padding:015px;box-sizing:border-box;position:re
孙华鹏·2020-07-10 10:11

寒假的第一次博客

我们这周的任务是运用css+html,引用bootstrap做出一个简单的后台管理页面，平时我们上网，
星宫莓·2020-07-08 03:58

CSS+HTML - 搭建小米商城首页 - 总结

目录第三方字体样式字段间分割线的样式实现搭建网站前的reset操作鼠标悬浮出现浮框-购物车部分例子-重点步骤总结块与块之间的分割线块颜色的根据位置不同而不同悬浮上移+阴影第三方字体样式fontawesome-字体库iconfont-字体库在浏览器中按f12打开【开发人员工具】，找到【console(控制台)】输入以下代码，再按回车，稍等片刻即可把全部图标加入购物车varll=document.ge
LSYHhhhh·2020-07-07 22:45

css+html 制作三角形

.triangle{width:0px;height:0px;border-style:solid;border-top-width:5px;border-right-width:0px;border-bottom-width:5px;border-left-width:10px;border-top-color:transparent;border-bottom-color:transparen
a372210774·2020-07-07 02:46

CSS+HTML基础复习

五十题目录高度塌陷H5新增CSS3新增特性css3子元素选择器样式权重居中行内元素及块元素浏览器渲染原理三栏布局高度塌陷现象原因：子元素设置float：left脱离文档流，，子元素不撑开父元素，页面混乱解决办法1overflow:hidden;添加给父元素。影响整体页面布局，若父元素也有父元素呢？总不能一直浮动到body吧？触发BFC，不会被浮动元素遮盖也会被子元素撑开，BFC的区域不会与floa
weixin_43585219·2020-07-06 04:28

1.两周 android studio 学习心得

以前我记得eclipse要加各种jar包，文件夹也挺混乱的；然后是关于Activity和布局、控件，感觉跟网页前端很像，布局和控件就是CSS+HTML，Activity则是Javascript。
sherlockwit_孙鸣·2020-07-06 03:20

前端面试问题整理

谈谈对他们说了解基础型：css+html:说说什么盒子模型清楚浮动
chuxu7267·2020-07-01 20:13

HTML+CSS实战入门这篇就够了

CSS+HTML前言CSSHTML实战CSS+DIV布局（HTML内容可自行补充）前言大家好，为了入门即能完成一个HTML+CSS的一个网页，所以我把CSS放在HTML的前面讲。
多吃蔬菜好，·2020-06-29 12:54

利用CSS+HTML实现简单的提示框静态页面。

一个简单的提示框一个简单的提示框系统提示Xhttp://blog.csdn.net/xun527亲！确定要这么做吗？确定取消![在这里插入图片描述](https://img-blog.csdnimg.cn/2018120422565710.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cH
Puck.·2020-06-29 09:31

【CSS】CSS+HTML‘VS’CSS+XML

首先上个网页效果图：我们平常都用html+css+JavaScript来写网页，使网页美观生动。今天先不说JavaScript，那么就是静态页面的实现，html+css。实现上面的效果是很容易的。就像下面这样：那么你知道xml+css也是可以写网页的吗？在学到css课程之前，我从来没有这么想过。接下来我们分析一下（先找个理由把它们联系起来吧，可能分析的不是那么正确，butjustnow,whoca
李爽11·2020-06-27 05:09

Css+Html 特效实现3D旋转爱心+立方体（一）

立方体需要考虑的因素:如何将平面的2D图形转换为3D图形。解决方法:先将平面上的6个DIV拼接在一起。形成一张类似由3d立方体图形展开的平面图。如图所示:知识点：将DIV合在一起，将会用到定位的知识，将立方体包起来需要一个大盒子DIV，所以总共需要7个DIV，这七个DIV，将以大盒子为参考点（position:relative），剩下的6个子盒子，每一个都是绝对定位，定位在相应的位置上，定位完
三月折耳猫·2020-06-25 11:13

聚光灯效果（css+html）

最终效果：实现code:聚光灯效果*{margin:0;padding:0;}body{background:#222;display:flex;justify-content:center;align-items:center;min-height:100vh;}h1{color:#333;font-size:8rem;position:relative;}h1:after{content:"H
扣德斯特•洛夫斯基•陈·2020-06-22 23:14

纯 CSS3 效果资源收集整理

awesome-pure-css-no-javascript纯CSS+HTML，不使用JavaScript，能实现怎样的视觉效果?这里收集整理了一些相关资源与工具，欢迎各位补充。
javascript痴痴·2020-04-06 19:00

canvas 模拟键盘

css+html：*{margin:0;padding:0;font-family:'comicsansms';}body
活着ccc·2020-04-06 17:00

Django搭建简易博客教程(七)-Template

整个项目已经放在Github上,随时更新,项目地址貌似Markdown解析出问题了,@Template初探到目前为止我们只是简单的将后端数据显示到页面上,没有涉及到HTML代码,而优雅的网站总算通过CSS
Andrew_liu·2020-03-26 04:38

Template

Template初探到目前为止我们只是简单的将后端数据显示到页面上,没有涉及到HTML代码,而优雅的网站总算通过CSS+HTML,甚至还有强大的JS的支持.在这个教程中要打造一个Blog,所以我们设置一个
阡陌3536·2020-02-16 11:06

纯CSS实现效果资源合辑

作者：Zhangjd原文地址：https://github.com/Zhangjd/awesome-pure-css-no-javascript/blob/master/README.md纯CSS+HTML
IT程序狮·2019-11-01 15:16

CSS+HTML实现移动端div左右滑动展示

由于手机屏幕的宽度有限，内容太多移动设备一行装不下的，所以很多移动端网站的导航栏都有左右滑动效果，下面我就用CSS+HTML实现移动端div左右滑动展示。
不睡·2019-09-17 19:00

CSS+HTML<文字超出省略号显示(支持换行)>

效果图：image.png**-webkit-line-clamp:3;**//超出几行时省略号显示，此处是3行代码如下：Documentp{margin-top:20%;padding:020%;display:-webkit-box;-webkit-box-orient:vertical;/*超出几行时省略号显示，此处是3行*/-webkit-line-clamp:3;word-wrap:br
誰在花里胡哨·2019-08-05 17:29

CSS+HTML 顶部导航栏实现

导航栏的实现、固定顶部导航栏、二级菜单实现效果图：2018/11/16更新：最近在使用这个导航栏的时候，发现页面在放大和缩小的情况下，导航栏的布局和显示都有些小问题，所以重新改了一下css部分的代码，重新贴上来新的代码实现（优化布局）：.top{/*设置宽度高度背景颜色*/height:auto;/*高度改为自动高度*/width:100%;margin-left:0;background:rgb
man_zuo·2018-09-20 16:12

angular增删改查

实现要求：(1)CSS+HTML实现如图所示布局(2)商品内容显示要隔行变色(3)输入商品名称、价格、数量、发货地址后点击“添加”按钮后新增商品信息展示在列表中。
chuncui11·2018-05-30 11:25

java web 的前后端简单交互(后端:Spring+SpringMVC+Myabatis = SSM,. 前端: CSS + HTML ) (中)

前言:上一篇讲到了SSM项目的搭建,已经使用jetty,返回了json字符串,下面,开始和前端大佬写的页面进行交互,这里前端大佬给我的页面是css+html构成,它整个是一个静态资源,现在我们要做的事就是和我们的
SomeTimeReal·2018-04-27 13:49

CSS效果篇--这里有你想要的CSS3漂亮的自定义Checkbox各种复选框

在原来有一篇文章写到了《CSS效果篇--纯CSS+HTML实现checkbox的思路与实例》.这篇文章主要写各种自定义的checkbox复选框，实现如图所示的复选框：大致的html代码都如下所示：那么对应的
风雨后见彩虹·2018-01-08 00:00

CSS效果篇--纯CSS+HTML实现checkbox的思路与实例

checkbox应该是一个比较常用的html功能了，不过浏览器自带的checkbox往往样式不怎么好看，而且不同浏览器效果也不一样。出于美化和统一视觉效果的需求，checkbox的自定义就被提出来了。这里对实现方法做个总结。实现思路纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体的input元素，即使这个input本身不可被用户可见，有个与它对应的lab
风雨后见彩虹·2018-01-08 00:00

CSS+HTML实现3D图片旋转效果

CSS+HTML实现3D图片旋转效果在做JavaEE的项目设计的时候，觉得页面过于单调，就学着百度上的图片轮转效果，自己也写了一个，记录一下；index.html部分源码：html{background
Rong姐姐好可爱·2017-12-23 22:33

JS基于递归实现网页版计算器的方法分析

分享给大家供大家参考，具体如下：递归实现网页版计算器可以简化代码，设计思路：1、css＋html实现计算器的外观，给每个button绑定number(z)事件，传入z的不同来区分触发事件的按钮。
远方1234567·2017-12-20 11:41

简单的select美化

今天一个小页面加个select，默认的太丑，这个页面有没有引入其他文件（连jq都没...）然后查了查有没有超简单的美化，其中两个挺好的记录下一、纯css+html简单美化selecthtml:---请选择
小白旗·2017-12-11 17:02

CSS实现垂直居中的方法

1、relative+absolute定位：(1)css+html代码Document*{margin:0;padding:0;}.parent{width:400px;height:400px;margin
王翔爱摇滚乐爱电影爱心理学爱哲·2017-12-09 16:54

电子商务专业毕业，自己能动手做一些图片，代码方面有些欠缺只会CSS+HTML跟一些调用，优化也浅尝辄逝的了解了一下，竞争不大的词做上第一没问题，竞价做了一年多了，感觉这个受搜索引擎影响太大，想整合所有的网络资源应对不同渠道的变化

电子商务专业毕业，自己能动手做一些图片，代码方面有些欠缺只会CSS+HTML跟一些调用，优化也浅尝辄逝的了解了一下，竞争不大的词做上第一没问题，竞价做了一年多了，感觉这个受搜索引擎影响太大，想整合所有的网络资源应对不同渠道的变化
hflmwl·2017-09-17 08:32

iOS转前端之如何适配不同屏幕尺寸方案

今天抽空再写一篇~之前已经做了两个Demo，主要是运用CSS+Html完成的，今天还是来完成一个Demo，搭建一个关于宠物的网站。在开始之前我们先介绍一个知识点，关于适配的。
kidd风·2017-07-27 11:42

CSS+HTML自定义checkbox效果的实例代码

checkbox应该是一个比较常用的html功能了，不过浏览器自带的checkbox往往样式不怎么好看，而且不同浏览器效果也不一样。出于美化和统一视觉效果的需求，checkbox的自定义就被提出来了。这里对实现方法做个总结。实现思路纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体的input元素，即使这个input本身不可被用户可见，有个与它对应的lab
佚名·2017-07-03 10:34

CSS+HTML入门基本常识

CSS+HTML入门基本常识学习地址：http://www.imooc.com/learn/91.CSS引入优先级内嵌式>嵌入式>外部式内嵌式：写在html标签里，通常用style属性嵌入式：写在同一个文件里
Smile_Pride·2017-05-18 00:18

你对前端工程师的理解

首先，你必须是一个合格的“页面仔”，所有的页面可以用css+html来实现。js和jquery也是必须会的，因为纯静态的页面是没办法完全吸引一个用户的。你的各种特效就需要使用js或者jquery啦。
夏天想·2017-04-08 11:11

学习笔记：让元素永久置底的几种方案（css only）

前言很多同学在使用css+html写页面的时候，可能会遇到这样的场景：页面除了头部和底部外，中间部分的内容为空时，页面就会出现底部向上顶，也就是头部和底部黏在一起了。
landy2014·2016-11-24 00:00

js css+html实现简单的日历

web页面中很多地方都会用到日历显示，选择等，本文用html、css、javascript实现简单的日历。完成以后的效果与页面左侧的效果差不多，可以切换上个月、下个月。也可以根据实际情况进行扩展。htmlhtml部分比较简单，声明一个div，具体的html用javascript生成。整体内容大概是这样的：democss/*整体设置*/*{margin:0px;padding:0px;}/***设置
申锦祥·2016-07-14 11:16

【CSS】CSS+HTML‘VS’CSS+XML

首先上个网页效果图：我们平常都用html+css+JavaScript来写网页，使网页美观生动。今天先不说JavaScript，那么就是静态页面的实现，html+css。实现上面的效果是很容易的。就像下面这样：那么你知道xml+css也是可以写网页的吗？在学到css课程之前，我从来没有这么想过。接下来我们分析一下（先找个理由把它们联系起来吧，可能分析的不是那么正确，butjustnow,whoca
u013028876·2016-05-30 23:00

学习18天成功找到工作

下面贴出我的学习计划希望对大家有一定的参考价值：第一阶段：我学习CSS+HTML基本语法，能熟练写出CSS样式。然后学习盒模型，CSS布局模型。
chenshu0·2016-05-10 09:50

纯js+html和纯css+html制作手风琴效果

本文分享了纯js+html制作手风琴和纯css+html制作手风琴两种效果，供大家参考，具体内容如下一、纯css+html的手风琴效果这种用css写的手风琴比较简单，主要是应用到css中的，transition
向婷风·2016-04-04 09:28

纯js和纯css+html制作的手风琴的效果

一：纯css+html的手风琴效果   这种用css写的手风琴比较简单，主要是应用到css中的，transition属性。   
向婷风·2016-04-03 12:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他