AI智能
改变未来

标签:CSS

第52页
css动画效果之animation的常用样式-爱站程序员基地
CSS

css动画效果之animation的常用样式

AI

animation动画 定义一个动画: /*设置一个关键帧,定义动画每一步执行的动作*/@keyframes mybox{0%{transform: translate(0,0);}25%{transform: translate(200p...

CSS制作太极图-爱站程序员基地
CSS

CSS制作太极图

AI

效果图: 代码: <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport...

css属性-爱站程序员基地
CSS

css属性

AI

属性 字体属性:(font) 大小 font-size:x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 font-style:oblique;(偏斜体) italic;(斜体) ...

CSS基础-爱站程序员基地
CSS

CSS基础

AI

CSS基础 一、CSS 简介 1. CSS代码风格 ① 样式格式书写 ② 样式大小写 ③ 空格规范 二、CSS 选择器 1. 选择器分类 2. 基础选择器 ① 标签选择器 ② 类选择器 ③ id选择器 ④ 通配符选择器 ⑤ 基础选择器总结 ...

CSS小白入门笔记-爱站程序员基地
CSS

CSS小白入门笔记

AI

一、CSS简介 1. 什么是CSS ​ CSS:Cascading Style Sheet 层叠样式表 ​ 是一组样式设置规则,用于控制页面的外观样式 2. CSS作用 页面外观美化 布局和定位 二、基本用法 1.CSS语法 <hea...

CSS动画实例:图文切换-爱站程序员基地
CSS

CSS动画实例:图文切换

AI

先准备好一张图片,在页面中放置一个类名为container的层作为图文容器,在该层中再定义两个层:一个类名为image-box的层放置图片,一个类名为text-desc的层放置文本描述,HTML代码描述如下: <div class=\...

css定位相关-爱站程序员基地
CSS

css定位相关

AI

只有定位才用z-index设置层级关系相对定位:1,他是相对于自身原来位置移动2.原来的在标准留的位置继续占有,后边盒子仍以标准流对待他所以并没有脱标(主要用限制绝对定位)**绝对定位:**相对祖先元素移动1.如果没有祖先元素或所有祖先元素...

CSS实现渐隐渐现效果-爱站程序员基地
CSS

CSS实现渐隐渐现效果

AI

CSS实现渐隐渐现效果 实现渐隐渐现效果是比较常见的一种交互方式,通常的做法是控制 display 属性值在 none 和其它值之间切换,虽说功能可以实现,但是效果略显生硬,所以会有这样的需求——希望元素消失时具有平滑的效果。 实现 opa...

CSS复合选择器的具体使用方法-爱站程序员基地
CSS

CSS复合选择器的具体使用方法

AI

交集选择器 交集选择器由两个选择器直接连接构成,其中第一个选择器必须是元素选择器,第二个选择器必须是类选择器或者 ID 选择器,两个选择器之间必须连续写,不能有空格。交集选择器选择的元素必须是由第一个选择器指定的元素类型,该元素必须包含第二...