建站知识 - 78模板网

首页 > 文章资讯 > 站长教程 > 建站知识

css3 响应式布局的坑

在响应式布局的时候，由于不太熟练浮动布局，所以就用css3最新的弹性盒布局和网格布局来做，在做响应式的时候遇到了有点坑。
之前的代码：
@media (max-width:570px) {
}
@media

更新时间：2023-10-07

阅读（ 16 ）

编辑：佚名

css normalize.css是做什么的？

Normalize.css 使浏览器呈现所有 HTML 元素更加一致，并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。
Normalize.css只是一个很小的css文件，但它在磨人的HT

更新时间：2023-10-07

阅读（ 33 ）

编辑：佚名

css 背景图固定不滚动（background-attachment

background-attachment 属性
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
标签定义及使用

更新时间：2023-10-07

阅读（ 32 ）

编辑：佚名

html+css写的一个网站缩略图生成器

::(不高兴)模板网站的缩略图都很好看，于是我也想，于是我折腾，结果我……..摆烂 :@(装大款)
只写了一个PC端的，电脑可以拿去截图用
::(阴险) 作用：可以生成你自己的网

更新时间：2023-10-07

阅读（ 55 ）

编辑：佚名

CSS 圆角

CSS 圆角
通过 CSS border-radius 属性，可以实现任何元素的“圆角”样式。
CSS border-radius 属性
CSS border-radius 属性定义元素角的半径。
提示：您可以使用此

更新时间：2023-10-07

阅读（ 17 ）

编辑：佚名

用css 添加手状样式,鼠标移上去变小手,变小手

用css 添加手状样式,鼠标移上去变小手,变小手
cursor:pointer;
用JS使鼠标变小手onmouseover(鼠标越过的时候)
onmouseover=”this.style.cursor=’hand'&rdq

更新时间：2023-10-07

阅读（ 20 ）

编辑：佚名

css如何设置p标签不换行？

p标签是块级元素，会独占一行。如果我们想要设置两个p标签在同一行该如何设置呢？下面我们来看一下使用css设置p标签不换行的方法。
默认情况下p标签会自动换行的，下面我们来看一

更新时间：2023-10-07

阅读（ 148 ）

编辑：佚名

animate.css – 齐全的CSS3动画库

animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果

更新时间：2023-10-07

阅读（ 61 ）

编辑：佚名

css 兄弟姐妹褪色

淡出悬停项的同级。
使用 a 对所做的更改进行动画处理。 transitionopacity
使用和伪类选择器更改除鼠标所在的元素之外的所有元素。 :hover:notopacity0.5
<div class="

更新时间：2023-10-07

阅读（ 23 ）

编辑：佚名

css 汉堡包按钮

显示一个汉堡菜单，该菜单在悬停时转换为十字按钮。
使用包含顶部、底部和中间条形的容器。 .hamburger-menudiv
将容器设置为 with 。 display: flexflex-flow: column wrap

更新时间：2023-10-07

阅读（ 26 ）

编辑：佚名