css
文章平均质量分 63
css相关概念
燃烧吧_myhair
这个作者很懒,什么都没留下…
展开
-
css transform transition
旋转变形 将transform属性的值设置为rotate(),即可实现旋转变形 transform:rotate(45deg);旋转角度 若角度为正,则顺时针方向旋转,否则逆时针方向旋转 transform-origin属性 可以设置自己的自定义变换原点 /*以网页左上角为原点进行旋转*/ transform-origin:00; 缩放变形 将transform属性的值设置为scale(),即可实现缩放变形 transform:scale(3);缩放倍数 当数值...原创 2021-06-17 11:24:33 · 198 阅读 · 0 评论 -
css盒子边框、圆角、阴影、背景与渐变
边框与圆角 边框的三要素 线宽度、线型、线颜色 border:1pxsolid#000; 线型(常见):solid(实线)、dashed(虚线)、dotted(点状线) 边框的三要素小属性 border-width border-style border-color 四个方向的边框 border-top border-right border-bottom border-left 四个方向边框的三要素小属性_用来层叠大属性 border-top -wid...原创 2021-06-17 11:15:06 · 1224 阅读 · 0 评论 -
CSS3浮动定位
浮动的基本概念 浮动的最本质功能:用来实现并排 浮动使用要点:1.要浮动,并排的盒子都要设置浮动2.父盒子要有足够的宽度,否则子盒子会掉下去 float:left; 左浮动 1.2.3 float:right;右浮动3.2.1 浮动的顺序贴靠特性 子盒子会按顺序进行贴靠,如果没有足够的空间,则会寻找再前一个兄弟元素 浮动的元素一定能设置宽高 浮动的元素不再区分块级元素、行内元素,已经脱离了标准文档流,一律能够设置宽度和高度,即使它是span或者a标签等。 使用浮动实现...原创 2021-06-17 10:49:22 · 109 阅读 · 0 评论 -
css盒模型
相关概念 所有的HTML标签都可以看成矩形盒子,由width、height、padding和border构成,称为“盒模型” 所以盒子的总宽度:width+左右padding+左右border;盒子的总高度:height+上下padding+上下border; width 盒子中内容的宽度,而不是盒子的宽度 height 盒子中内容的高度,而不是盒子的高度 border 边框 快捷键:bd border:1pxsolid#000;(宽度、实线、颜色) ...原创 2021-06-17 10:27:33 · 62 阅读 · 0 评论 -
css常用文本样式属性
color属性 设置文本内容的前景色 三原色:红绿蓝 主要可以用英语单词、十六进制、rgb()、rgba()等表示法 英语单词表示法:仅仅用于学习时临时设置一下颜色,工作时基本不用,因为要追求精确 十六进制表示法:是所有设计软件中通用的颜色表示法。 color:#ff0000;比如十六进制ff就是十进制的255,每种颜色分量都是0~255的数字;如果颜色值是#aabbcc的形式,可以简写为#abc;黑色是#000,白色是#fff,常见的灰色有#ccc、#333、#2f2f2f等 rgb()表示原创 2021-06-17 10:23:51 · 302 阅读 · 0 评论 -
CSS基本概念和选择器
CSS基本概念 CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 最新版本:css3,增加了大量样式、动画、3D特效和移动端特性等 前端三层 结构层 HTML 搭建结构、放置部件、描述语义 样式层 CSS 美化页面、实现布局 行为层 Javascript 实现交互效果、数据收发、表单验证等 HTML和CSS怎么结合?“选择器”就是两者的纽带 CSS的本质:就是样式的“清单”,要书写合适的选择器,然后把指定元素的样式“一条一...原创 2021-06-17 10:03:06 · 145 阅读 · 0 评论