![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 93
野原皮皮虾
这个作者很懒,什么都没留下…
展开
-
css动画(详解带图)
css动画1.过渡过渡 (transition)的作用1.通过过渡可以指定一个属性发生变化时的切换方式2.通过过渡可以创建一些非常好的效果,提升用户的体验常用属性1.transition-property:指定要执行过渡的属性多个属性间使用,隔开( transition-property: width,height;)如果所有属性都需要过渡,则使用all关键字大部分属性都支持过渡效果,注意过渡时必须是有效数值向另外一个有效数值进行过渡,比如auto向0过渡就不是一个有效值2.t原创 2021-05-17 13:37:59 · 21491 阅读 · 9 评论 -
html大作业(含资源)
HTML网页心得体会效果图:注意事项:拿到一个网页不要立马就开始做,应该先仔细的观察网页的结构并分析,把它分成一小块一小块的完成。这里 我把这个网页分成了7个板块,第一个块包含了以下所有的块元素,也就是最外层的盒子#main{ width: 1222px; margin: 0px auto; height: 1420px; border: 1px #E3E3E3 solid;}首先是一个块元素很直观的可以看到我们需要设置它的背景颜色以及右边的一个电话原创 2021-05-06 23:26:40 · 2025 阅读 · 1 评论 -
弹性布局
弹性布局 1.什么是弹性布局flex(弹性盒,伸缩盒)弹性布局是css中又一种布局手段,它主要代替浮动来完成页面的布局。flex可以使元素具有弹性,让元素可以跟着页面大小的改变而改变2.怎么实现弹性布局弹性容器:要使用弹性盒,必须先将一个元素设置为弹性容器我们通过display来设置弹性容器display:flex 来设计为块级弹性容器display:inline-flex 设计为行内的弹性容器弹性容器的属性:主轴:弹性元素的排列方向成为主轴侧轴:与主轴垂直方向的称为侧轴原创 2021-05-05 17:19:38 · 6916 阅读 · 0 评论 -
HTML学习笔记
HTML学习笔记什么是HTMLHTML常用的标签form表单的应用a标签的应用有序与无序列表select标签的应用framest表单的应用生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants什么是HTML1.HTML 指的是超文本标记语言 (Hyper Text Markup Language)2.HTML 不是一种编程语言,而是一种标记语言 (markup language)3.标记语言是一套标记标签 (markup tag)4.HTML 使用标记标签来描述网页5原创 2021-04-25 13:59:32 · 211 阅读 · 0 评论 -
css学习笔记
css学习笔记一、css选择器与引入方式二、文本控制三、css伪类四、组合选择器一、css选择器与引入方式选择器:元素选择器p{color:gold;}//设置所有p标签的属性id选择器#ceshi{color:gold;}<p id="first">揽尽星辰入怀 千川归来 化一片沧海</p> //需要使用id引入才能使属性生效(通常用于描述一个标签具有唯一的样式)class选择器.blue{color:blue;}<p原创 2021-05-05 15:30:54 · 128 阅读 · 0 评论