关注码农话题
做一个实实在在的内行人

CSS

CSS3 列布局

阅读(28)

CSS3多列布局允许我们轻松创建多列。 以下三个属性用于在CSS3中配置列布局。 column-count column-gap column-rule 设置列计数 <!DOCTYPE html> <html> &l...

CSS3 动画

阅读(33)

动画由三部分组成: 一个描述CSS动画的样式 一组指示动画样式的开始和结束状态的关键帧 可能的中途航点。 配置动画 要创建CSS动画序列,我们使用动画缩写属性或其他动画相关属性对元素进行样式化。 我们可以配置动画的时间和持续时间,以及动画序...

CSS3 过渡

阅读(47)

使用CSS3过渡,我们可以通过改变CSS属性来创建动画。 我们可以控制时间,从值到值。 例如,我们可以在一秒钟内将元素的颜色从白色更改为黑色。 下表列出了所有过渡属性: transition – 用于设置四个转换属性的简写属性 ...

CSS3 2D变换

阅读(32)

CSS变换改变元素的位置和形状。 CSS变换可以将仿射线性变换应用于HTML元素。 这些变换包括在平面和3D空间中的旋转,倾斜,缩放和平移。 CSS转换属性 我们可以使用以下两个属性来定义CSS变换。 transform – 指...

CSS3 Web字体

阅读(29)

@font-face CSS3 at-rule允许我们指定在线字体来显示网页上的文本。 @font-face消除了对访问者计算机上安装的字体的依赖。 例子 此示例简单地指定要使用的可下载字体,将其应用于文档的整个主体。 <html&g...

CSS3 文本效果

阅读(21)

CSS3文本阴影 在CSS3中,我们可以使用text-shadow属性将阴影应用于文本。 text-shadow接受以逗号分隔的阴影列表应用于文本。 <!DOCTYPE html> <html> <head&g...

CSS3 渐变

阅读(34)

CSS渐变是CSS3图像模块中添加的新类型的图像。 CSS渐变允许您在两个或多个指定颜色之间显示平滑过渡。 浏览器支持两种类型的渐变: linear, 用linear-gradient()函数定义, radial, 用radial-grad...

CSS3 背景

阅读(25)

CSS3有以下三个背景属性,我们可以使用样式的元素背景。 background-clip background-size background-origin background-clip指定背景图像的绘制区域 background-siz...

CSS3 边框

阅读(30)

CSS3中添加了以下三个属性。 border-radius box-shadow border-image border-radius用于创建圆角边框。box-shadow为元素添加阴影。border-image可以将图像指定为边框。 圆角...

CSS 媒体类型

阅读(36)

@mediaCSS规则关联一组嵌套语句。 语法 以下代码显示如何使用CSS @media规则。 @media <media-query> { /* media-specific rules */ } media-query 由媒...

入职你的梦想 VS 变现你的技术

IT面试宝典码农市场