CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/07 CSS

移动时代是任何网页设计师和开发者不可忽略的一个时代，现在我设计的页面有时会在电脑大屏幕上或者移动小屏幕上显示。如何让同一个网站同时适应完全不同尺寸的屏幕，CSS3完美地解决了这些问题。在CSS2.1版本时候，我们曾经为网站设计不同的CSS样式文件，如打印样式表文...

前端技术 2023/09/07 CSS

这个应该在网上有很多解决的办法，只不过很多问题解决了之后就忘了，之后遇到了再去找有时就找不到了，就当给自己做个笔记了方法很简单在层里套个iframe <div>能看见我了吗?<iframe frameborder=\"0\" ><...

前端技术 2023/09/07 CSS

图片的http请求，有很多种情况，那么究竟什么情况下面不会发生请求呢？下面我用案例一一列举一下，希望对你深入了解http图片请求有所帮助。 1. 隐藏图片 XML/HTML Code复制内容到剪贴板 <img src=\"haorooms.jpg\" style=\...

前端技术 2023/09/07 CSS

实际上用了overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候， list-style不起作用，不显示前面的点、圈等样式。解决办法：在ul或li内加入样式：list-style-positi...

前端技术 2023/09/07 CSS

下面的例子展示了在HTML5中你如何使用CSS建立不可选的文字。复制代码代码如下:<!DOCTYPE HTML> <html> <head> <title>Creating non-selectable text...

前端技术 2023/09/07 CSS

Flexible Box是什么？Flexible意为可伸缩的，Box意为盒子，可以理解为一种新式的盒模型——伸缩盒模型。由CSS3规范提出，这是在原有的大家非常熟悉的block, inline-block, inline的基础上延伸出的新一代布局模式。浏览器兼容性作为非常现实...

前端技术 2023/09/07 CSS

当N个元素浮动后，会导致错位的问题。一般给元素一个固定的height就没有这个现象。但是当高度不一致时，就需要想别的办法来解决了： 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size，再定义display:inline-bloc...

前端技术 2023/09/07 CSS

抛一块问题砖（display： block）先看现象：在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局...

前端技术 2023/09/07 CSS

方法一：把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align属性。结构效果如下：CSS复制代码代码如下:div#wrapper { display: table; width: 500px; height: 500px; ...

前端技术 2023/09/07 CSS

　　今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜，当鼠标经过的时候表单动画回正。效果非常炫，一起看下效果图：　　实现的代码。　　html代码： XML/HTML Code复制内容到剪贴板 <div id=\"face...

关闭

我的博客