CSS

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

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

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

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

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

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

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

如何提升 CSS 性能的小知识

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

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

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

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

JavanJavan CSS, web前端 2019年6月3日
2.08K 0
前言 Flex（Flexible Box），意为”弹性布局”。“弹性”，顾名思义，就是具有弹簧的特性啦，能够自由的伸缩（有点自适应的意思啦）。 其实Flex并不是最近才出现的，而是早在十年前它就被提出。2009年，W3C提出了一种新…