单行文本溢出显示省略号： 1.先强制一行内显示文本 white-space:nowrap; 2.超出的部分隐藏溢出 overflow:hidden; 3.文字用省略号代替超出的部分 text-overflow:ellipsis; 多行文本溢出显示省略号： 一、给父元素设置 1.溢出隐藏 overflow: hidden; …

简单学习了一下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;也比较适合初学者运…