Css
关注
分享
扫一扫
文章平均质量分 60
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
总体来说，CSS具有以下特点：
丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以
中亿丰数字科技集团有限公司
DTCloud是一套基于Python+Go开源商业应用程序.主要面向建筑工程行业，物联网行业，数字化行业，打造的企业信息一体化的解决方案。
展开
-
css中transform具体使用，及场景
总之，transform 属性是 CSS 中非常重要的一部分，可以实现各种形状、大小和位置的变换，以及创建各种动画效果。5.动画效果除了上述基本属性，transform 还可以与 transition 和 animation 等属性组合使用，实现各种动画效果。CSS transform 属性用于改变元素的形状、大小和位置，以及创建各种动画效果。3.scalescale 属性用于缩放元素的大小。它可以接受一个或两个参数，分别表示横向和纵向的缩放比例。它可以接受一个或两个参数，分别表示横向和纵向的扭曲角度。原创 2023-07-03 09:24:11 · 805 阅读 · 0 评论 -
CSS颜色格式
在CSS中，有多种常用的颜色格式可用于设置元素的颜色。这些是CSS中常用的颜色格式，你可以根据需要选择适合的格式来设置元素的颜色。原创 2023-06-30 10:27:47 · 325 阅读 · 0 评论 -
响应式设计（Responsive Design）
响应式设计是一种用于创建适应不同设备和屏幕尺寸的网站和应用程序的设计方法。通过响应式设计，我们可以确保我们的网站能够在各种设备上提供良好的用户体验，包括桌面电脑、笔记本电脑、平板电脑和移动设备。原创 2023-06-15 17:09:12 · 117 阅读 · 0 评论 -
css3 正片叠加
CSS3 新增了一个很有意思的属性 –，其中mix和blend的中文意译均为混合，那么这个属性的作用直译过来就是混合混合模式，当然，我们我们通常称之为混合模式。用于多个不同标签间的混合模式描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。我们将 PS 中图层的概念替换为 HTML 中的元素。CSS混合模式属性主要包括isolation和三个属性normaldarkenmultiplycolor-burnscreenlightenoverlaysoft-lighthard-light。原创 2023-02-08 13:57:24 · 254 阅读 · 0 评论 -
Vue2系列教程——自定义video样式
Vue2 自定义video样式 具体实现，请看如下代码详解， <template> <div> <div style="width: 100%; height: 50px"></div> <div class="player"> <video id="myVideo" ref="video" src="../assets/video/sintel.mp4"></video>原创 2022-05-26 18:09:46 · 3336 阅读 · 0 评论 -
手写一个简易的flexiable响应式布局
手写一个简易的flexiable响应式布局 要实现页面内容随页面大小变化而变化，就要将单位px随着页面大小变化而变化，这里采用rem作为单位来实现。 首先要弄清楚rem与px之前的单位关系：1rem = 根元素字体大小 / 10 这里的10表示将页面纵向平均分为10份，当然也可以平均分为你想要的份数 根元素字体大小可以设置在body中font-size， <body style="font-size:10px"> </body> 搞清楚单位转换关系后，我们要实现响应式，那么就不能将原创 2022-05-26 17:51:02 · 2589 阅读 · 0 评论 -
tailwindcss的安装及使用
tailwindcss的安装及使用 安装依赖包， npm install -D tailwindcss@latest postcss@latest autoprefixer@latest 初始化，生成 tailwind.config.js 文件， npx tailwindcss init 生成 tailwind.css 文件， npx tailwindcss-cli@latest build -o tailwind.css 新建 index.html 文件，将tailwind.css文件原创 2022-05-26 17:31:27 · 2297 阅读 · 0 评论 -
flex布局
flex布局是个什么东西？ 官方说法：Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 民间说法：flex 就是一种布局方式，类似于 block，inline-block等。 flex涉及的概念 Flex的基本作用就是让布局变的更简单，比如"垂直居中"等，当然不止这个，要说清楚flex有什么作用首先要了解一些概念。 采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容原创 2022-05-07 14:05:44 · 983 阅读 · 0 评论