二、css3和css2的区别css3在原有的基础上新增了很多css属性选择器，伪类选择器，伪对象选择器以及动画H5=html5 + css3 +js大前端：js1.内减模式可以将padding内边距和边框带来增大盒子的影响去掉语法：box-sizing:border-box;<head><meta charset="utf-8"><title>...
原创
2021-08-18 02:04:25
226阅读
二、css3和css2的区别css3在原有的基础上新增了很多css属性选择器，伪类选择器，伪对象选择器以及动画H5=html5 + css3 +js大前端：js1.内减模式可以将padding内边距和边框带来增大盒子的影响去掉语法：box-sizing:border-box;<head><meta charset="utf-8"><title>...
原创
2022-03-02 17:29:44
390阅读
六. 复合选择器 建立在基础选择器上，对基础选择器进行组合形成的，分为4种 1. 后代选择器 用空格隔开 可以选择父元素里面的子元素，写法是把外层标签写在前面，内层标签写在后面，中间用空格分隔 当标签发生嵌套时，内层标签就是外层标签的后代 语法：元素1 元素2 { 样式声明 } 指的是选中元素1的所 ...
转载
2021-10-17 00:19:00
118阅读
2评论
2、 CSS 框模型 2.1 CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和
原创
2023-07-19 17:40:13
86阅读
骨灰级清除浮动.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
*zoom:1; //兼容ie
}内联元素相连之间存在间隙问题原因:内联元素是当做字体来处理的，字体之间是有间
转载
2024-03-03 20:22:53
59阅读
有时我们会看到网站上的一些图片是渐变色的，这些图片有的是ui设计出来的，有的则是直接通过css3制作出来的。下面就讲一下css3实现渐变色的方法，以及在各个浏览器上的兼容性。 CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CS
转载
2023-07-26 20:13:25
84阅读
CSS背景属性 属性 描述 值 IE F N W3C background 简写属性，作用是将背景属性设置在一个声明...
转载
2008-06-23 16:59:00
95阅读
2评论
在上一篇中我们提到学习HTML5要具备CSS的知识，在页面设计的时候HTML5知识页面的布局与结构，要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本用法，再来看看和css3的关系与区别。1、css是什么？cascading stylesheet(级联样式表)，为网页提...
转载
2013-12-29 13:56:00
62阅读
来自：://blog..net/dawanganban/article/details/17653149在上一篇中我们提到学习HTML5要具备CSS的知识，在页面设计的时候HTML5知识页面的布局与结构，要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本...
转载
2015-09-21 11:30:00
56阅读
文章目录1、CSS基础1.1 CSS简介1.2 CSS编写位置1.2.1 行内样式1.2.2 内部样式1.2.3 外部样式1.2.4 样式优先级1.2.5 CSS代码风格2、CSS选择器2.1
原创
2024-05-29 11:17:00
69阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
让青春吹动了你的长发2D变形(CSS3) transform移动 translate(x, y)缩放 scale(x, y)旋转 rotate(deg)transform-origin可以调整元素转换变形的原点倾斜 skew(deg, deg)案例总预览放大缩放旋转旋转的楚乔特效2D变形(CSS3) transformtransform是CSS3中具有颠覆性的特征之一，
原创
2020-07-15 10:53:22
498阅读
前期学习预览CSS的属性分类，先了解整体学习的内容再将对应的详细内容相结合，有助于知识的掌握，提高学习效率。本篇先是整体学习，稍后会进行详细的学习，一起掌握CSS。字体：fontcolorfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-weighttext-decorationtext-underline-positio
原创
2021-03-04 23:15:28
201阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
很久不写博文，之前的长时间不上都关闭了，但随着工作时间长越来越长，对知识的积累和总结还真的是很重要的。所以奉劝码农们每天都还是要抽出来一点时间总结点东西，以后对你受益匪浅！！今天还是变谈CSS3里的flex怎么处理兼容的flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了，虽然现在低版本浏览器不支持，可是对于移动来说兼容性不是问题，可是在安
原创
2016-06-27 23:00:56
2891阅读
# CSS3 Transform 在 iOS 中的兼容性问题分析
随着网页设计的发展，CSS3 提供了丰富的视觉效果和动画功能，其中包括 `transform` 属性。`transform` 允许我们对元素进行旋转、缩放、平移和倾斜等操作，这为网页设计师带来了无穷的创意空间。然而，在不同的设备和浏览器中对 CSS3 的支持程度各不相同，特别是在 iOS 设备上的兼容性问题，可能会影响最终用户的体
原创
2024-09-18 05:46:30
334阅读
