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

前端技术 2023/09/09 CSS

跨浏览器兼容性是网页制作永恒的难题。别看各浏览器厂商都努力在自己的浏览器中实现新式的css3标准特性，但都是以扩展样式的形式提供的，所以在未来一段时间里，样式表里的-moz-，-webkit-，(-ms-,-o-)等等前缀将长期存在。另外，虽说各家有志于扩张自...

DIV多层嵌套margin-top的BUG问题

前端技术 2023/09/10 CSS

今天在做登录页面的时候发现个margin-top的bug ; 初始代码如下： html:复制代码代码如下:<div class=\"logo\"></div> <div class=\"login_text\"> <div id=\"e...

前端技术 2023/09/10 CSS

CSS 如何使DIV层水平居中今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对...

前端技术 2023/09/10 CSS

最近项目中碰到的问题，具体代码就不写了，大体说下思路，有两个div，包含关系，图片在小的div中，大的div实现小div垂直居中，或水平，小div再实现另一个方向上的居中就可以了，忘了说了，外面div style=\"display:table\" 里面div ...

前端技术 2023/09/10 CSS

最近在做web页面设计的时候，莫名的发现最上面会出现一个横条，颜色为html的背景颜色。本意是那一片空横条应该为header的背景色。查了一些资料，发现是margin collapsing的问题，记录下来，希望初学者少走弯路。从问题说起先给出demo的源码和...

前端技术 2023/09/10 CSS

今天为给大家再带来一款纯css3实现的动画加载导航。该导航出现的时候以动画的形式出现。效果图如下： html代码：复制代码代码如下: <ul class=\"main-menu\"> <li class=\"main-menu-item act...

前端技术 2023/09/10 CSS

现如今在Web前端领域，BootStrap是一个最流行的UI库，其12列的栅栏系统为响应式布局提供了一种对程序员来说很好操作的模式。追究Bootstrap的内在原理，其实就是通过媒体查询来完成对不同屏幕大小、不同分辨率、不同设备导致的不同场景下的Css样式的选择。今天我就对媒...

CSS水平对齐示例介绍

前端技术 2023/09/10 CSS

在 CSS 中，可以使用多种属性来水平对齐元素。对齐块元素块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。块元素的例子：复制代码代码如下: <h1> <p> <div> 使用 margin 属性来水平对齐可...

前端技术 2023/09/10 CSS

chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：复制代码代码如下: input:-webkit-autofil...

前端技术 2023/09/10 CSS

在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下：大体思想是，设计一个透明层i，skewx在X轴上做了负25度的变形，背景颜色用的是CSS3的...

关闭

我的博客