AI智能
改变未来

CSS 第58页

css中字体倾斜属性的italic和oblique的区别-爱站程序员基地

css中字体倾斜属性的italic和oblique的区别

AI

font-style属性 我们知道在css样式中所提供的font-style属性中常用有三个值:normal/italic/oblique但是在css中对italic和oblique的解释是italic是斜体字,oblique是倾斜的文字,...

CSS中简易的圣杯布局-爱站程序员基地

CSS中简易的圣杯布局

AI

圣杯布局 什么是圣杯布局? 简单的理解就是一行三列盒子 分为左中右,然后左和右边的盒子有个固定的宽度 中间的盒子就可以形成一个宽度自适应的效果。 大概的效果图就是这个亚子: 然后我是用的flex的布局来做的这个效果,原理呢也非常简单。 就是...

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

css3动画的转换transform详解

AI

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

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...

CSS中半透明和渐变色-爱站程序员基地

CSS中半透明和渐变色

AI

半透明: background: rgba(221,221,221,0.5);/* r:red g:green b:blue a:alpha(半透明):0-1,1是不透明,0是全透明 */ 渐变色(从上到下): background: li...

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

css伪类与伪元素笔记

AI

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

css之div盒子居中常用方法大全-爱站程序员基地

css之div盒子居中常用方法大全

AI

大家都知道,不管是在平常布局中还是在面试当中都会遇到让一个盒子水平且垂直居中的情况,在这里总结了几种常用的居中方法: [code]1、绝对定位居中(最常用、好用)2、负margin居中(传统方法)3、margin固定宽高居中4、flex居中...