css3
文章平均质量分 94
静静香甜
我们总以为,是生活欠我们一个满意,
其实,是我们欠生活一个努力。
展开
-
Flex 布局教程
为什么我要写这一篇关于 Flex 布局的教程?因为它十分简单灵活,区区简单几行代码就可以实现各种页面的的布局,以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局,你只要学习几个 CSS 属性,就可以写出简洁优雅复杂的页面布局。本教程适合人群:前端小白,不太明白页面布局技巧,但想通过简单的学习学会如何进行页面布局 学过但是不太熟悉 Flex 布局,需要教程来巩固回顾 Flex 布局的知识点 项目不考虑兼容 IE 低版本浏览原创 2021-02-09 16:29:34 · 893 阅读 · 0 评论 -
html页面内容禁止选择复制user-select: none
user-select语法:user-select:none |text| all | element默认值:text适用于:除替换元素外的所有元素继承性:无动画性:否计算值:指定值取值:none: 文本不能被选择 text: 可以选择文本 all: 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。 element: 可以选择文本,但选择范围受元素边界的约束说明:设置或检索是否原创 2020-12-18 11:42:40 · 1368 阅读 · 0 评论 -
HTML5 CSS animation 和 transform 使用,简单完成旋转案例
<!DOCTYPE html><html><head><style type="text/css"> #box{ width: 100px; height: 100px; background: black; margin: 100px; border-radius: 50%; position: relative; animation...原创 2020-08-19 15:05:18 · 469 阅读 · 0 评论 -
HTML5之placeholder属性以及如何更改placeholder属性中文字颜色
该提示文字会有自己默认的颜色,然而有时候,我们并不希望用该默认颜色,而是想自定义颜色。那么该怎么处理呢?不废话,上代码。<style> input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /* Mozilla Firef...原创 2018-06-01 15:29:42 · 508 阅读 · 0 评论