作者：Tam Hanna
转发链接：https://www.creativebloq.com/how-to/21-ways-to-optimise-your-css-and-speed-up-your-site
CSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高，这个过程通常非常快——对于不基于框架的小型 web 项目，CSS通常只占总资源消耗的一小部分。
2024年10月24日
作者：Tam Hanna
转发链接：https://www.creativebloq.com/how-to/21-ways-to-optimise-your-css-and-speed-up-your-site
CSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高，这个过程通常非常快——对于不基于框架的小型 web 项目，CSS通常只占总资源消耗的一小部分。
2024年10月24日
借助CSS所提供的动画效果，旋转效果除了能够制作动画及网页页面元素，如按钮之外，还可以使用CSS实现精美的动态片头的制作。本文主要介绍CSS与HTML实现精美的动画片头制作实例。
本例设计使用烟雾粒子效果与动态文本结合，实现动态片头效果，文字内容随着烟雾而动态生成、展示，案例最终效果要求描述如下：
本例设置实现动态效果描述如上图所示，主要内容包括三部分，实现效果要求如下：
2024年10月24日
一说起隐藏HTML页面上的元素，很多人第一反应就是设置元素的css属性display:none;值，这是一种最常见的隐藏页面元素方法。本篇文章我们就一起看看使用CSS隐藏页面元素的方法，以及它们的区别。
本篇文章中的例子直接放到github地址中，感兴趣的同学可以自取。
https://github.com/zhouxiongking/article-pages/blob/master/articles/hideElement/hideElement.html
2024年10月24日
在UniApp中，要修改页面背景，可以通过设置页面的背景颜色、图片或者背景透明度来实现。
1. 设置背景颜色
在页面的 .vue 文件中，可以使用内联样式或者在 <style> 标签中定义样式来设置页面的背景颜色。例如：
```html
<template>
2024年10月24日
<meta http-equiv="refresh" content="60">
该网页每60秒刷新一次
<p></p>是段落级标签
<p align=”Center”>居中对齐。
<br>换行标签，上下俩行任然为一个段落。
<pre></pre>预排版标记，编辑得内容和页面显示的格式一模一样。
2024年10月24日
Axure本身就提供了模板的功能，也就是说只要实现一次但可以一劳永逸，本文就一起来看看这个遮罩层实现过程和效果。
今天在做产品原型设计时，遇到了个关于动态显现遮罩层的难点。“无奈”为追求高保真的效果，还是花了点心思做个原型实现。待做好回过头来看看的话，其实这个效果的难度也不大，只是看个人意愿是否想做而已。
Axure本身就提供了模板的功能，也就是说只要实现一次但可以一劳永逸。下面就一起来看看这个遮罩层实现过程和效果吧。
2024年10月24日
css中重要的是盒子模型，盒子的宽度和高度计算方式如下：
2024年10月24日
在设计网页或应用时，一个常见的需求是使页面的标题栏保持在页面顶部，不随着滚动而消失，这被称为“固定标题栏”或“sticky header”。
这样的设计能够提供更好的用户体验，让导航更加便捷，同时使页面看起来更为整洁。本文将介绍如何通过HTML和CSS实现一个固定标题栏，使你的网页或应用更具吸引力和导航性。
在CSS中，position: fixed属性可以让元素固定在浏览器窗口的某个位置，不随页面的滚动而移动。以下是一个简单的例子：
2024年10月24日
实例
为div元素的右下角添加圆角边框：
div{border:2pxsolid;border-bottom-left-radius:2em;}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。