随笔分类 -  CSS/CSS3

摘要:前言 在css3中允许使用3D转换来对元素进行格式化,在原本只是2D转化的平面中引入了Z轴。在这之前我们讲解了css3中的2D转换,也就是二维空间变换,本篇的3D转换就是基于原来的2D转换而来,与2D转换的功能相似。 三维坐标系 相信学过数学的效果版对这一概念多多少少是知道的,我们要想有一个3D空间 阅读全文
posted @ 2022-02-13 16:18 不知名前端李小白 阅读(2803) 评论(1) 推荐(0) 编辑
摘要:在CSS3中,transform属性应用于元素的2D或3D转换,可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的形变处理 语法: div{ transform: none|transform-functions; } transform属性可以指定为关键字值none  阅读全文
posted @ 2022-02-01 00:31 不知名前端李小白 阅读(707) 评论(2) 推荐(1) 编辑
摘要:一、Grid布局概述 首先,Grid 布局与 Flex布局 有一定的相似性,都可以指定容器内部多个项目的位置。但是,Grid 布局远比 Flex 布局强大! Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。 Grid 布局则是将容器划分成"行"和"列",产生单元格,然后 阅读全文
posted @ 2022-01-29 23:46 不知名前端李小白 阅读(2474) 评论(5) 推荐(0) 编辑
摘要:浮动介绍 浮动(float)最初是为了让文字环绕图片排布,就想报纸上面的图文混排模式。但 Web 开发人员很快意识到,任何东西都可以浮动,而不仅仅是图像,所以浮动的使用范围扩大了。浮动曾被用来实现整个网站页面的布局,它使信息列得以横向排列(默认的设定则是按照这些列在源代码中出现的顺序纵向排列)。目前 阅读全文
posted @ 2022-01-26 14:33 不知名前端李小白 阅读(4778) 评论(0) 推荐(1) 编辑
摘要:css3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法 transition: property duration timing-function delay; transition 属性设置元素当过渡效果,是一个复合属性,包括四个简写属性: transition-prop 阅读全文
posted @ 2022-01-14 22:30 不知名前端李小白 阅读(7940) 评论(0) 推荐(1) 编辑
摘要:简介 在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。 一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性;甚至在当下访问终端(iPhone、iPad 阅读全文
posted @ 2022-01-12 16:56 不知名前端李小白 阅读(848) 评论(0) 推荐(1) 编辑
摘要:概念 px、em、rem都是计量单位,都能表示尺寸,但是有所不同,其各有各的优缺点 px px像素(Pixel),像素px是相对于显示器屏幕分辨率而言的 px作为单位是固定不变的,不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。 em em的值不固定,会继承父元素的字体大小,是一个相对单位 阅读全文
posted @ 2022-01-12 15:37 不知名前端李小白 阅读(5196) 评论(1) 推荐(1) 编辑
摘要:2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能 阅读全文
posted @ 2021-12-29 15:57 不知名前端李小白 阅读(4389) 评论(0) 推荐(0) 编辑
摘要:CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡 阅读全文
posted @ 2021-12-18 21:24 不知名前端李小白 阅读(887) 评论(0) 推荐(0) 编辑
摘要:深入理解css3新增属性之box-shadow盒子阴影,它可以向框添加一个或多个阴影 阅读全文
posted @ 2021-12-18 19:50 不知名前端李小白 阅读(35548) 评论(1) 推荐(2) 编辑
摘要:浅谈css定位position属性~ 阅读全文
posted @ 2021-12-18 17:31 不知名前端李小白 阅读(545) 评论(0) 推荐(0) 编辑
摘要:元素居中的方式有哪些? 阅读全文
posted @ 2021-11-27 09:59 不知名前端李小白 阅读(192) 评论(0) 推荐(0) 编辑
摘要:line-height和vertical-align是设置行内元素布局的关键属性,在此带你深入理解二者之间关系以及详细用法 阅读全文
posted @ 2021-10-25 11:13 不知名前端李小白 阅读(1618) 评论(0) 推荐(0) 编辑
摘要:浅谈BFC格局规范 阅读全文
posted @ 2021-10-25 10:07 不知名前端李小白 阅读(291) 评论(0) 推荐(1) 编辑
摘要:前端页面常见CSS布局方式总结~ 阅读全文
posted @ 2021-10-23 15:03 不知名前端李小白 阅读(2387) 评论(0) 推荐(0) 编辑
摘要:前端入门之css3新增颜色属性详解 阅读全文
posted @ 2021-10-19 15:37 不知名前端李小白 阅读(63) 评论(0) 推荐(0) 编辑
摘要:前端入门之css3新增文本属性详解 阅读全文
posted @ 2021-10-16 17:07 不知名前端李小白 阅读(271) 评论(0) 推荐(0) 编辑
摘要:前端入门之css3新增背景属性详解 阅读全文
posted @ 2021-10-15 16:09 不知名前端李小白 阅读(770) 评论(0) 推荐(0) 编辑
摘要:前端入门之margin属性详解 阅读全文
posted @ 2021-10-15 14:36 不知名前端李小白 阅读(2120) 评论(0) 推荐(0) 编辑
摘要:利用css控制单行(多行)文本超出隐藏,超出部分显示为省略号 阅读全文
posted @ 2021-10-12 17:35 不知名前端李小白 阅读(3884) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示