六. 复合选择器 建立在基础选择器上，对基础选择器进行组合形成的，分为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阅读
CSS背景属性 属性 描述 值 IE F N W3C background 简写属性，作用是将背景属性设置在一个声明...
转载
2008-06-23 16:59:00
95阅读
2评论
前期学习预览CSS的属性分类，先了解整体学习的内容再将对应的详细内容相结合，有助于知识的掌握，提高学习效率。本篇先是整体学习，稍后会进行详细的学习，一起掌握CSS。字体：fontcolorfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-weighttext-decorationtext-underline-positio
原创
2021-03-04 23:15:28
201阅读
文章目录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阅读
1. 常用的选择器1. 元素选择器作用：通过元素选择器可以选择指定的元素语法：tag{} p{
color: red;
}
h1{
color: red;
}2. id 选择器作用：通过元素的id属性值选中唯一的一个元素用法: #id{} #p1{
font-size: 20px;
}3.类选择器通过元素的class属性值选中一组元素语法：.clas
原创
2021-02-04 21:01:28
195阅读
二、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阅读
1. 固定定位（fixed） 固定定位是绝对定位的一种特殊形式。它以浏览器窗口作为参照物来定义网页元素。当positio
原创
2024-02-28 10:53:10
7阅读
在上一篇中我们提到学习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阅读
动画是使元素从一种样式逐渐变化为另一种样式的效果。通过 CSS3，能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 如需在 CSS3 中创建动画，需要学习 @keyframes 规则。 @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。通过 animation 相关动画
转载
2024-03-16 08:06:01
250阅读
CSS动画就是通过CSS （Cascading Style Sheet，层叠样式表）代码搭建的网页动画。它允许设计师和开发人员通过编辑网站的CSS代码来添加页面动画，从而轻松取代传统动画图片或flash动画的设计方式。 transition（过渡）和animation（动画）是CSS3中的两种动画属性。
转载
2020-08-12 06:18:00
410阅读
概念： 2D 动画要是使用 transform 属性来实现文字或图像的的各种变形效果，如位移、缩放、旋转、倾斜等 transform属性变形方法： translate()：位移 将元素沿着水平方向（X轴）和垂直方向（Y轴）移动 translateX(x)：元素仅在水平方向移动（X轴移动） trans
原创
2021-06-04 16:44:03
140阅读
何为动画 我们眼前所看到图像正在以每秒60次的频率刷新，由于刷新频率很高，因此你感觉不到它在刷新。而动画本质就是要让人眼看到图像被刷新而引起变化的视觉效果，这个变化要以连贯的、平滑的方式进行过渡。 css Transitions transition: property duration timin
转载
2020-10-19 16:34:00
311阅读
点赞
3评论
CSS 动画是通过定义关键帧和动画属性，为元素添加过渡效果，使其能够在网页中实现动画效果。以下是关于 CSS 动画的基础知识和常见用法。1. CSS 过渡（Transitions）CSS 过渡效果使属性变化在一定时间内平滑地发生。基本语法element {
transition: property duration timing-function delay;
}示例：.button {
原创
精选
2024-06-17 10:14:39
439阅读
使用css制作动画第一步打开sublime点击file（文件）选中New File（新建文件）第二步ctrl+s保存后缀名为.html第三步创建初始代码并保存（详细解释后方有）第四步写出一个div盒子并且给出css属性宽100个像素值高100个像素值背景颜色红.box{width: 100px;height: 100px;background-color: red;}第五步制作css动画使用ani
转载
2021-01-06 19:03:01
451阅读
