AI智能
改变未来

CSS 第56页

CSS入门到实践(四)-爱站程序员基地

CSS入门到实践(四)

AI

CSS常用操作 对齐操作: 使用margin属性进行水平对齐 margin:10px auto 使用position属性进行左右对齐 postion:absolute;left:0px; 使用float属性进行左右对齐 float:left...

CSS实现三角形图标的原理-爱站程序员基地

CSS实现三角形图标的原理

AI

网页中经常有一种三角形的图标,鼠标点一下会弹出一个下拉菜单之类的(之前淘宝也有,不过现在改版好像没有了) 之前以为是个png图标背景,后来在bootstrap中看到有一个图标样式叫做caret的用来实现这种效果。没想到用CSS也能实现这个效...

CSS回顾总结—选择器-爱站程序员基地

CSS回顾总结—选择器

AI

上一章节:CSS字体属性 CSS选择器 基础选择器 类选择器 多类名选择器 ID选择器 通配符选择器 链接伪类选择器 链接伪类选择器简写方式 复合选择器 标准选择器(交集选择器) 并集选择器 后代选择器 子元素选择器 基础选择器 类选择器 ...

CSS3流式布局-爱站程序员基地

CSS3流式布局

AI

CSS3流式布局 流式布局:经典的流式布局有以下几类 左侧固定,右侧自适应 右侧固定左侧自适应 两侧固定,中间自适应(圣杯布局) 等分布局 例如以下这个,网页放大缩小只改变了右边绿色部分。 源码分析 直接设置一个div,里面放两个小div ...

CSS3入门与提高(四)-爱站程序员基地

CSS3入门与提高(四)

AI

这里写目录标题 定位(position) 定位模式(定位的分类) 静态定位(static) 相对定位relative(自恋型) 绝对定位absolute (拼爹型) 父级没有定位 父级有定位 绝对定位的盒子水平/垂直居中 固定定位fixed...

CSS入门到实践(三)-爱站程序员基地

CSS入门到实践(三)

AI

CSS盒子模型 内边距: padding:100px //所有内边距 padding-top:100px //上边距 padding-left:100px //左边距 padding-bottom:100px //下边距 padding-r...

css3动画的转换transform详解-爱站程序员基地

css3动画的转换transform详解

AI

注意transform转换要实现多个效果时,不能分开写,否则后面的transform效果会覆盖前面的transform效果,要达到多个效果时,需要使用混合写法,可参考下面两种混合写法 效果如图: <!DOCTYPE html>&...

css伪类与伪元素笔记-爱站程序员基地

css伪类与伪元素笔记

AI

1、伪类 伪类:专门用来表示元素的一种特殊状态 常用伪类选择器 (1)a标签:a:link/:visited/:hover/:active(注意顺序) (2):focus 获得焦点 (3):first-child/:last-child/:...