![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
fsym_amo
这个作者很懒,什么都没留下…
展开
-
动画Animaons、过渡Transitions、变形Transform
动画-Animations由于该技术的规范还没有稳定,在使用前要先确保浏览器对其兼容性。 Animations是css3的一个模块,使用keyframes定义如何随着时间的移动改变CSS的 属性值,可以通过指定它们的持续时间,重复次数,如何重复来控制关键帧的行为 。Animations由两部分组成:css动画的配置,以及一系列的keyframes(用来描述动画的 开始、过程、结束状态)。不需要了解任何JavaScript技术即可完成动画的制作。动画序列( animation sequence)通过@原创 2020-10-06 19:08:08 · 304 阅读 · 1 评论 -
媒体查询与自适应
媒体查询为了实现响应式布局,相当于增加了判断条件min-width 大于等于max-width 小于等于媒体类型all 适用所有的设备print 适用于打印用纸或打印预览视图screen 主要适用于电脑/手机/平板等智能设备屏幕speech 适用于语音合成器tv 电视设备逻辑运算符and 把多个媒体组合成一条媒体查询,对成链式的特征进行请求,只有当每个属性都为真时,结果才为真 @media tv and (min-width: 700px) and (orientati原创 2020-10-06 14:50:23 · 1157 阅读 · 0 评论 -
CSS布局,浮动与定位布局
默认的文档流(不加任何修饰,自动布局)块级元素 上下结构行内元素 左右结构块级元素宽度为父级的百分百项目应用:第一层布局 div默认 h5语义标签display:block 块级元素默认inline-block 项目应用:简单的菜单 行内块级元素inline 行内元素默认float脱离文档流脱离文档流,对后续元素的结构有影响多个浮动元素在一个浮动流中并排显示,如果一排放不下,就会换行显示对父元素没有支撑作用清除浮动位于浮动元素下的非浮动元素会显示到浮动元素的下面,非浮动元素中原创 2020-09-29 08:54:16 · 476 阅读 · 0 评论 -
盒子与表格样式
盒子模型默认的盒子模型width:content 内容宽度100% 100px 10emheight:content 内容高度0 由子元素填充 100px 10em 100%100%相对于父元素border 边框border:1px solid red; 粗细 样式 颜色padding:填充padding:10px; 上右下左padding:10px 20px; 上下 左右padding:10px 20px 30px 40px; 上右下左padding-top:10px;padd原创 2020-09-24 14:05:25 · 265 阅读 · 0 评论 -
CSS字体、文本、列表属性样式
字体样式color 未字体指定颜色字体颜色的取值 关键字 RGB 6位16进制 RGBA HSL H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色 。取值为:0 - 360 S:Saturation(饱和度)。取值为0.0% - 100.0%,0% 意味着灰色,而 100% 是全彩,越来越饱和 L:Lightness(亮度)。取值为:0.0% - 100.0%,0% 意味着黑色,而 100% 是白色,越来越亮 •原创 2020-09-23 14:49:25 · 365 阅读 · 0 评论 -
CSS简介、工作原理、语法、CSS选择器、级联(优先级)、继承
CSSCSS,Cascading Style Sheets,层叠样式表,级联样式表层叠:多个样式修饰一个结构子元素从父元素那里继承样式功能相当于形容词,修饰网页完成布局企业级编程的重点在层叠,与学校不同代码习惯 缩进是好习惯,方便找层次结构CSS工作原理(DOM、渲染)当一个浏览器在显示文档的时候,需要将文档内容和样式内容结合到一起,以此,在 处理文档的时候包含两个阶段: 1. 浏览器将HTML和CSS转换为DOM (Document Object Model),DO原创 2020-09-22 19:24:36 · 587 阅读 · 0 评论