简单学习了一下HTML和CSS，制作了下面这个网页（第一次做还在学习中），里面包含一些基础的布局包括导航条、分页栏、悬浮列表等内容。 网页预览（网页中的图片与图标均来自阿里巴巴矢量图标库） CSS代码 里面包含悬浮、画面自适应等效果 * {box-sizing: border-box; } bo…

之前学习的使用CSS制作小三角形，今天再看发现已经记不起来了，写个笔记记录一下，方便以后查看~ 首先先回顾一个正方形,只要我们设置好宽高，就可以得到，代码如下： div{width:100px;height:100px;border:1px solid #000;background-color:red; }这时我们就得到了一个非常简…

html <div class"leftbox "><div> <img src"images/pic01.jpg" alt""><!-- 蒙板 --><div class"mask1"></div></div> <div> <img src"images/pic02-01.jpg" alt"…

&#xff08;1&#xff09;现在每个网页上都有轮播图&#xff0c;那么该怎么去制作呢&#xff1f; &#xff08;2&#xff09;给大家推荐一个轮播图的网站 swiper------------->Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 (3)那么我们怎么利用css去制作轮播图呢&…

一、常用概念： 1.Transform Transform 属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等，它包含有以下属性： （1）矩阵 matrix （2）移动 translate (3) 缩放 scale （4）旋转 rotate （5）扭曲 skew （6）透视 perspective(n)：为 3…

下拉菜单 .dropdown 类使用 position:relative，当我们希望将下拉内容放置在下拉按钮的正下方（使用 position:absolute）时，需要使用该类。 .dropdown-content 类保存实际的下拉菜单内容。默认情况下它是隐藏的，并将在悬停时显示（请看下文）。请注意，min-width 设置为 16…

HTMLCSS制作课程表 今天复习到了表格&#xff0c;八表个内容进行了更深层次的了解&#xff0c;首先&#xff0c;来看看我课堂上做好的课程表吧~ 这里用到了HTML和CSS&#xff0c;就这两个而已&#xff0c;相比网络上的&#xff0c;这个较为基础&#xff0c;也比较适合初学者运…

这回项目要做一个大屏展示&#xff0c;大概样式是&#xff0c;中间一个地球&#xff0c;向外发射几条蓝色直线&#xff0c;直线另一头是展示的标题。为了体现科技感&#xff0c;蓝色直线要做出一种像水流一样的流动特效。 白光向上流动。 下面上代码。 <div class"li…