共 17 篇文章 |
|
6-61 布局。固定布局与流体布局的优缺点固定布局。如果设计者想让布局适应800×600分辨率的用户,可以使 用760px的宽度,它仍然适用于更大的分辨率。优点:缺点:流体布局。流体布局,主体部分都是用了百分比宽度,因此可以自适应用户的分辨率。流体浮动布局。固定浮动布局定位布局。流体定位布局。固定定位布局弹性布局。对于同时喜欢流动... 阅31 转0 评0 公众公开 19-06-13 19:33 |
animation 所有动画属性的简写属性,用于设置六个动画属性:animation-name/animation-duration/animation-timing-function/animation-delay/animation-iteration-count/animation-direction.animation-name 属性为 @keyframes 动画规定名称。animation-delay 规定动画何时开始。animation-iteration-count 规定动画被播放的次数。animation-fi... 阅29 转0 评0 公众公开 19-06-11 15:33 |
ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。ease-in 规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))。cubic-bezier(n,n,n,n) 在 cubic-bezier 函数中定义自己的值。transition-delay 规定过渡效果何时开始。<div id="div1">过渡动画1</div><div id="... 阅1115 转4 评0 公众公开 19-06-10 18:52 |
translateX(x) 定义转换,只是用 X 轴的值。translateY(y) 定义转换,只是用 Y 轴的值。skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。kewX(angle) 定义沿着 X 轴的 2D 倾斜转换。transform: translate(100px,100px)transform: translateX(100px)/*transform: translate(0px,100px);transform: translateY(100px)transform:rotate(... 阅24 转0 评0 公众公开 19-06-10 14:47 |
translateX(x) 定义转换,只是用 X 轴的值。translateY(y) 定义转换,只是用 Y 轴的值。skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。kewX(angle) 定义沿着 X 轴的 2D 倾斜转换。transform:3D变形可以近似理解为沿着Z轴移动元素,使得元素更加靠近或者远离你,从而使元素看起来变得更大或更小。rotateX(angle) 定义沿着 X 轴的 3... 阅33 转0 评0 公众公开 19-06-10 09:07 |
CSS背景。单位是像素 (0px 0px) 或任何其他的 CSS 单位。background-repeat 设置背景图像是否及如何重复。repeat/repeat-x/repeat-y/no-repeat.cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。box-shadow: 5px 5px 5px green;background-repeat:repeat-y;background: repeat-y green url(../img/p2.jpg);background-repeat:no-... 阅196 转0 评0 公众公开 19-06-10 08:35 |
border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中。border-radius 设置所有四个 border-radius 属性的简写属性。border-image 设置所有 border-image属性的简写... 阅44 转0 评0 公众公开 19-06-10 08:29 |
6-33 CSS定位5-浮动了解CSS定位的概念:元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。注意:clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用。元素放置在父元素的基线上。top 把元素的顶端与行中最高元素的顶端对齐。bottom 把元素的底端与行... 阅33 转0 评0 公众公开 19-06-08 09:58 |
·CSS 盒模型规定了处理元素内容、内边距、边框 和 外边距 的方式。padding 属性:元素的内边距:·padding-top 属性设置元素的上内边距(空间)。·padding-right 属性设置元素右内边距(空白)。·padding-bottom 属性设置元素的下内边距(底部空白)。·padding-left 属性设置元素左内边距(空白)。border属性:元素的... 阅36 转0 评0 公众公开 19-06-07 08:28 |
6-23 CSS3中的文字与字体。·font-size 规定文本的字体尺寸。■em是css中的相对单位,是相对于当前对象内的字体尺寸,若没有制定文字大小尺寸,则为浏览器默认字体大小。·font-variant:规定是否以小型大写字母的字体显示文本。·font-style:规定文本的字体样式。·font-family:规定文本的字体系列。至少要指定字体大小和字体... 阅31 转0 评0 公众公开 19-06-07 08:06 |