2018-07-18阅读(4419)评论(0)赞(3)

有时候单独的使用CSS是不够的。您可能需要使用JavaScript控制CSS值。但是你如何在JavaScript中获得CSS值？ 有两种可能的方式，取决于您是尝试获取内联样式还是计算样式。 获取内联样式 内联样式是存在于 HTML styl...

2018-07-15阅读(4897)评论(1)赞(2)

在设计和开发网页时，需要用到一些特殊符号，比如：?，?，℃，?，? 等等，有些上网找半天不一定能找到。 HTML特殊符号编码有很多种 unicode、十六进位码（hex code），html 实体编码（entity code），还有我们熟知...

2018-07-13阅读(12673)评论(0)赞(11)

CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性...

2018-06-16阅读(11796)评论(3)赞(1)

超文本传输协议（HTTP, HyperText Transfer Protocol）是一种无状态的协议，它位于OSI七层模型的传输层。HTTP客户端会根据需要构建合适的HTTP请求方法，而HTTP服务器会根据不同的HTTP请求方法做出不同的...

2018-06-14阅读(14123)评论(0)赞(4)

前端密码可见性切换（显示和隐藏）效果，大家估计都见过，所以就不多说了。 默认情况下，输入的密码的 input 标签 type="password"，默认密码用小点或星号表示。要密码可见所以我们需要将type修改为"text"。在 Chrom...

2018-05-05阅读(20291)评论(4)赞(3)

很多时候我们需要美化单选框 radio 和多选框 checkbox ，因为原生的样式比较丑陋，而且表现不统一。CSS3之前一般用 js 来模拟，而如今完全可以用纯CSS实现radio和checkbox的美化。对于移动端很早就写过相关的模拟样...

2017-12-15阅读(33460)评论(1)赞(8)

在现代网页设计中，大背景图设计非常流行。随着高清（现在是4K）显示器的出现，越来越多的网页设计师使用大背景图来填充屏幕。 为什么？ 因为这样可以造成很大的视觉冲击力，并有助于更好的传递所要表现的内容。 但是，如果只是吧大背景简单的放在网页上...

2017-12-12阅读(14884)评论(1)赞(3)

这篇文章是 CSS Grid 布局有用的资源和教程，帮你快速了解相关知识。同时还比较了 CSS Grid 、 Flexbox 、 Table 布局之间的区别，及适用情况。 CSS Grid 布局今年真的很火。该布局系统规范最近获得了主流浏览...

2017-12-08阅读(8841)评论(0)赞(1)

介绍 CSS Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格。 Grid(网格) 布局使我们能够将网页分成具有简单属性的行和列。它还能使我们在不改变任何HTML的情况下，使用 CSS 来定位和调整网格内的每个...

2017-12-08阅读(5777)评论(0)赞(4)

不久以前，所有 HTML 页面的布局还都是通过 tables、floats 以及其他的 CSS 属性来完成的。面对复杂页面的布局，却没有很好的办法。 然而 Flexbox 的出现，便轻松的解决了复杂的 Web 布局。它是一种专注于创建稳定的...