CSS

CSS实用技巧第二讲:布局处理

CSS实用技巧第二讲:布局处理

前言 在日常项目开发中,在布局方面有遇到哪些问题了?今天来一起看看CSS布局有哪些小技巧,后续开发更轻松。本文主要通过简单的示例,讲述开发中遇到的布局等问题,但不仅限于布局相关,会有其他相关知识点。 rem自适应布局 移动端使用re…
CSS实用技巧第一讲:文字处理

CSS实用技巧第一讲:文字处理

前言 作为程序猿的我们,书写代码也需要大量的技巧。一份良好的代码能让人耳目一新,让人容易理解,同时也让自己成就感满满。因此,在这里简单的整理一些CSS开发技巧,希望能让你写出耳目一新、容易理解、舒服自然的代码。 本小结主要是围绕cs…
CSS3伪类:valid和:invalid实现表单校验

CSS3伪类:valid和:invalid实现表单校验

知识要点 1、:valid 用于匹配输入值为合法的元素 2、:invalid 用于匹配输入值为非法的元素 3、required 属性规定必需在提交之前填写输入字段 4、pattern 属性规定用于验证输入字段的正则表达式 :vali…
如何提升 CSS 性能的小知识

如何提升 CSS 性能的小知识

前言 大家都知道,对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑,经常在项目的末期,性能问题才会暴…
从Loading动画示例学习CSS3动画基础

从Loading动画示例学习CSS3动画基础

前言 以前说页面是动态,基本都是说数据是从数据库查询的,不是写死在html代码里面的。现在的说页面动态,一般会问:你是说数据,还是效果动态? 好的前端动画效果,能给用户带来非常舒适的体验效果,更甚者,有用户觉的你这个动画效果非常ni…
CSS3中Flex弹性布局该如何灵活运用?

CSS3中Flex弹性布局该如何灵活运用?

前言 Flex(Flexible Box),意为”弹性布局”。“弹性”,顾名思义,就是具有弹簧的特性啦,能够自由的伸缩(有点自适应的意思啦)。 其实Flex并不是最近才出现的,而是早在十年前它就被提出。2009年,W3C提出了一种新…