HTML
文章平均质量分 91
冰霜CS
这个作者很懒,什么都没留下…
展开
-
10-animation
动画 由于该技术的规范还没有稳定,在使用前要先确保浏览器对其兼容性。 Animations是css3的一个模块,使用keyframes定义如何随着时间的移动改变CSS的属性值,可以通过指定它们的持续时间,重复次数,如何重复来控制关键帧的行为。Animations由两部分组成:css动画的配置,以及一系列的keyframes(用来描述动画的开始、过程、结束状态)。不需要了解任何Js技术即可完成动画的制作-过渡和动画之间的异同1.1不同点过渡必须人为的触发才会执行动画动画不需要人为的触发就可以原创 2021-08-31 10:17:55 · 373 阅读 · 0 评论 -
09-transition
CSS过渡-TransitionsCSS transitions 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色,按照一定的曲线速率变化。这个过程可以自定义。要实现这一点,必须规定两项内容:1.指定要添加效果的CSS属性2.指定效果的持续时间。CSS transitions 可以决定哪些属性发生动原创 2021-08-31 10:17:24 · 295 阅读 · 0 评论 -
08-Flex布局
1.flex布局 布局的传统解决方案,基于盒模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Fl原创 2021-08-31 10:16:38 · 97 阅读 · 0 评论 -
07-定位布局
1.定位布局- 定位流分类1.1.静态定位1.2.相对定位1.3.绝对定位1.4.固定定位1.5.粘滞定位1.6.z-index- 1.1.静态定位( Static positioning) 是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。 position: static;- 1.2.什么是相对定位?( Relative positioning ) 相对定位就是相对于自己以前在标准流中的位置来移动 position: relative; 使用to原创 2021-08-31 10:15:56 · 84 阅读 · 0 评论 -
06-CSS布局-浮动布局
1.CSS布局- 什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的- 标准流(文档流/普通流)排版方式 标准流(文档流/普通流) -标准流(文档流/普通流)处在网页的最底层,它表示的是一个页面中的位置,我们所创建的元素默认都 处在标准流(文档流/普通流)中。 -元素在标准流(文档流/普通流)中的特点 块元素 1.块元素在标准流(文档流/普通流)中会独占一行,块元原创 2021-08-31 10:15:16 · 451 阅读 · 0 评论 -
05-CSS盒模型
1.盒子组成盒子属性( Box properties) 文档中的每个元素都可以被看作是一个矩形盒子。具有如图的一些属性。margin 外边距 代表盒子四周的区域。相邻元素的边距会合并(margin collapsing)border 设定介于padding的外边缘与margin的内边缘之间,默认值为0padding 内间距 在任何定义的边界内的元素内容周围生成空间width & height 用于设置内容区的宽高,该片区域用于显示内容。盒子高度默认为内容的高度。盒子一原创 2021-08-31 10:14:42 · 71 阅读 · 0 评论 -
04-字体及文本样式
1.文本属性文本属性-概览color 为字体指定颜色font-style 用于打开和关闭斜体文本font-weight 为字体设置粗细程度font-size 为文字指定大小font-family 为文字指定特殊的字体,浏览器只会使用浏览器可以访问到的字体webFont 网络字体字体图标text-decoration 设置或者取消文本修饰text-align 文字排列方式text-indent 文本缩进属性text-transform 设置或者取消字体改变text-sh原创 2021-08-31 10:14:09 · 314 阅读 · 0 评论 -
02-功能元素
1.功能元素1.1.列表标签 列表标签的作用: 给一堆数据添加列表语义, 也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体- HTML中列表标签的分类 无序列表(最多)(unordered list) 有序列表(最少)(ordered list) 定义列表(其次)(definition list)1.1.1.无序列表: 给一堆数据添加列表语义, 并且这一堆数据中所有的数据都没有先后之分 什么叫有先后之分? 例如: 排行榜 什么叫没有原创 2021-08-31 10:12:56 · 295 阅读 · 0 评论 -
01-初始HTML与CSS
1.HTML与CSS1.1.什么是HTML?什么是CSS?HTML是HyperText Markup Language(超文本标记语言) 它不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何原创 2021-08-31 10:11:37 · 321 阅读 · 0 评论