HTML/CSS 第3页

HTML5的DOCTYPE声明怎么写?

HTML5的DOCTYPE声明怎么写?-速码派
聊到这个,估计不少老前端都会会心一笑。你还记得XHTML 1.0 Transitional那段长得要命、根本背不下来的DOCTYPE吗?谢天谢地,那种日子一去不复返了。 进入HTML5时代后,万事的开头变得无比简单...
MRzhang的头像-速码派MRzhang2026年1月21日
03410

CSS3动画怎么实现?

CSS3动画怎么实现?-速码派
用CSS3做动画,算是前端开发里一件既高效又有趣的事儿。它主要靠两个家伙:transition(过渡)和animation(动画)。transition更简单直接,适合处理元素从一个状态到另一个状态的平滑转变,比...
MRzhang的头像-速码派MRzhang2026年1月21日
03311

Flex布局常用属性有哪些?

Flex布局常用属性有哪些?-速码派
Flex布局,也就是我们常说的弹性盒子,它彻底改变了CSS的布局方式。以前那些用浮动和定位实现的复杂效果,现在用几行属性就能轻松搞定。作为前端工程师,它绝对是必须熟练掌握的核心工具。 Flex...
MRzhang的头像-速码派MRzhang2026年1月21日
03212

position定位有哪些值?有什么区别?

position定位有哪些值?有什么区别?-速码派
搞了这么多年前端,position这个属性绝对是CSS布局里的老伙计了。它就像给元素发了个定位指令,告诉浏览器这玩意儿该呆在哪儿。常用的值有五个:static、relative、absolute、fixed,还有后来加...
MRzhang的头像-速码派MRzhang2026年1月21日
0327

如何实现响应式布局?

如何实现响应式布局?-速码派
说白了,就是让你的网页能自动适应从手机到桌面的各种屏幕尺寸。这早就不是“锦上添花”,而是现代Web开发的标配了。实现它的核心是一套组合拳,而不是某个单一技巧。 一切得从<head>里那...
MRzhang的头像-速码派MRzhang2026年1月21日
0296

src和href属性有什么区别?

src和href属性有什么区别?-速码派
这个问题看起来基础,但能卡住不少新人。简单粗暴地讲,src是“拿来替换”,href是“建立关联”。这是它俩最核心的区别。 src是source的缩写,用在像<img>、<script>、<iframe&g...
MRzhang的头像-速码派MRzhang2026年1月21日
02810

什么是HTML5的离线存储?

什么是HTML5的离线存储?-速码派
简单来说,它就是让网页在没网的时候也能“跑”起来,或者至少能记住点东西。这对提升用户体验帮助太大了。以前浏览器一关,数据全丢,现在可不一样了。 HTML5里常用的离线存储方式主要有两种:...
MRzhang的头像-速码派MRzhang2026年1月21日
02612

什么是HTML语义化?有什么好处?

什么是HTML语义化?有什么好处?-速码派
简单来说,HTML语义化就是“用对的标签做对的事”。咱们别再把所有东西都塞进<div>和<span>里了,而是用上那些名字就代表其含义的标签。<header>就是页头,<nav>就是导...
MRzhang的头像-速码派MRzhang2026年1月21日
02615

如何实现毛玻璃效果?

如何实现毛玻璃效果?-速码派
毛玻璃效果,也叫背景模糊效果,能让你的界面元素看起来像一块磨砂玻璃,隐约透出背后的内容,质感一下子就上来了。在CSS3标准里,现在有个属性叫backdrop-filter,用它来实现是再直接不过了。 ...
MRzhang的头像-速码派MRzhang2026年1月21日
0258

HTML5新增了哪些语义化标签?

HTML5新增了哪些语义化标签?-速码派
咱们做开发的,特别是老一批用DIV+CSS布局过来的人,肯定都经历过那个“DIV地狱”的年代。满屏都是<div id='header'>、<div class='nav'>,找段逻辑跟解谜似的。后来HTML5来了,这...
MRzhang的头像-速码派MRzhang2026年1月21日
11410