CSS3
文章平均质量分 78
蛋黄酥要不要来一口阿
这个作者很懒,什么都没留下…
展开
-
手把手教你CSS Flex布局
前言 之前做项目,关于布局方面没怎么深入研究过,好多页面都是能用定位就用定位,能用百分比就用百分比,导致很多地方,看似对齐了,但是就很别扭,这几天又被一个布局折磨了很久。于是痛定思痛,总结一下自己思想上的问题。 自己之前没把 CSS 的相关问题当回事,心里总是理所应当的认为,样式什么时候用到随便百度一下就行,这种想法的后果就是,页面风格很僵硬,不同分辨率的显示器适配很差,写页面的时候,也很莫名其妙,明明我写了某个样式,就是没效果,到头来还是自己跟自己过不去。 感觉跟我有一样想法的同学肯定不少,不过不要紧,知原创 2021-03-29 17:11:06 · 343 阅读 · 0 评论 -
CSS3圆角的制作
前言 CSS3圆角技术能非常好的美化你的页面效果,而且避免了使用图片辅助,一则省去了制作图片的时间,二则省去了浏览器加载图片造成的延迟和带宽。如今,这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持,包括Safari,谷歌浏览器,IE,Opera和火狐浏览器。下面让我们来看看border-radius的语法,解释,以及IE是如何支持它的。 语法和说明 在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似: .roundElement {原创 2021-03-29 17:07:10 · 202 阅读 · 0 评论 -
CSS3的过渡和动画
过渡和动画都是CSS3的重要部分,今天有时间,了解些相关内容并记录下。 在开始之前,首先看看CSS3的转化。 转化 CSS3的转化分为以下几种: translate 移动 rotate 旋转 scale 缩放 skew 倾斜 matrix 混合 每种转化都还有对应的3d版本 注意:闭合的内联元素不支持转化,过渡和动画:如<span>、<small>、<i>等。可以通过添加样式 display: inline-block 或 display: block 来转化成块级元原创 2021-03-26 21:30:17 · 187 阅读 · 0 评论 -
CSS3新增的部分属性
HTML5、CSS3和JavaScript API一起形成了新的网页标准,很多浏览器已经开始实施其中的部分新功能。其中CSS3负责网页样式的表现,为了达到更好的表现效果,增加了一些新属性。 目前CSS3的部分属性在一些浏览器上处在实验阶段,为了在文档中有效应用这条规则,必须使用相应的前缀声明。 ·-moz- 是Firefox的前缀 ·-webkit- 是Safari和Chrome的前缀 ·-o- 是Opera的前缀 ·-khtml- 是Konqueror的前缀 ·-ms- 是Internet Explore原创 2021-03-24 22:15:30 · 275 阅读 · 0 评论