最新消息:前端博客、web前端博客、Angularjs、javascript、jQuery、HTML5、CSS3

CSS&HTML

CSS是指层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。HTML超文本标记语言,标准通用标记语言下的一个应用。

css3的transform如何正确使用?

6年前 (2018-01-16) 1461浏览

Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。CSS3中transform的旋转rotate、扭曲skew...

如何get新技能,在未来css中使用grid风格布局

7年前 (2017-07-06) 1667浏览

grid网格属性是css3中新增的,方便构建各种网格布局需求。grid有点像tables,可以做到行、列页面布局和对齐。在语义化、页面流加载达到更优的效果。 基础示例 HTML <div class="wrapper"> <...

css中calc的正确使用方式

7年前 (2017-07-05) 2481浏览

CSS3 calc()函数允许我们对属性值执行数学运算。 例如,声明一个元素宽度的静态像素值,而不是使用calc()来指定宽度是添加两个或多个数值的结果。 .foo { width: calc(120px + 50px); } 像SASS这样的CSS...

前端面试题汇总-基础篇

7年前 (2017-04-11) 1782浏览

「 CSS篇 」 1)CSS 盒子模型,绝对定位和相对定位 2)清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法 3)如何保持浮层水平垂直居中 4)position 和 display 的取值和各自的意思和用法 5)样式的层级关系,选择器优先级,...

HTTP状态码及其含义

8年前 (2016-09-28) 1567浏览

1XX:信息状态码 100 Continue:客户端应当继续发送请求。这个临时相应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求万仇向客户端发送一...

开始使用Flexbox的理由

8年前 (2016-05-12) 2066浏览

1。它在所有主流浏览器的支持 我没有使用flexbox的主要原因是由于缺乏浏览器支持。但事实上,flexbox很好支持,全球95.89%的支持。如果你无视IE 10和下面,微软说,你现在可以吗,这个数字甚至更高。 Flexbox甚至更多的支持比其他...

iOS Safari和shrink-to-fit的问题

8年前 (2016-05-12) 3490浏览

很长一段时间,标准视窗meta标签是这样的- <meta name="viewport" content="width=device-width, initial-scale=1"> 然而,由于去年9月推出iOS Safari 9...

QQ浏览器中页面出现莫名错乱原因分析

8年前 (2016-04-05) 3671浏览

上周在做东家内部点餐系统,页面开发完成时发现,在装有QQ浏览器的手机上查看效果发现页面错乱了。当时想找原因,因为是妹子的手机又将近下班就担阁了。今天上班第一件事就是找到这BUG,查找官方相关资料发现,我用了CSS3属性 transform 。 css...

了解CSS浏览器前缀

8年前 (2016-02-24) 2378浏览

在我们编写CSS代码的时候,经常需要编写各种CSS浏览器前缀(CSS Vendor Prefixes)。但是我们为什么需要使用CSS浏览器前缀,以及什么时候使用CSS浏览器前缀呢?这里将会为大家一一介绍。 这篇文章将围绕以下几点来介绍CSS浏览器前缀...

校验Email地址有效性的正则表达式

8年前 (2016-02-17) 1902浏览

HTML5 对表单功能进行了很大的正确,例如允许使用正则表达式模式来验证电子邮件 <input type=”text” title=”email” required pattern=”...