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

前端技术 2023/09/05 CSS

一直感觉这两个伪类对象不是很重要，并且IE对它两兄弟并不支持，所以也没有怎么静下心来研究，只有在清楚浮动clearfix的时候会用到哈，其他都很少用！不过最近在研究css3的时候觉得它两个的搭配不仅能够减少代码量并且能整出很巴适的效果，所以就来研究研究哈！一、先来看哈他们...

前端技术 2023/09/05 CSS

上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。事实上布局的选型不需要我关注，我的参与或者一些意见多数是自我提升，但要说html结构完全控制于csser的话就不一定了在整个header组件的...

前端技术 2023/09/05 CSS

1. 文本居中首先编写一个简单的html代码，设置一个类名为parentDiv的div对象。html代码如下：复制代码代码如下:<div class=\"parentDiv\">这里随意填写~... </div> .1 实现文字水平居中（使用text-...

前端技术 2023/09/06 CSS

如果你的div设置了固定的width和height，有时会出现文字不能自动换行的情况查过相关资料后才知道，只有英文文本才会出现不能自动换行的情况，（中文不存在）而原因是因为英文文本之间没有加空格，浏览器会认为这是一个特别长的单词；解决方法： 1. 在文本适当...

CSS计数器counter()的用法简介

前端技术 2023/09/06 CSS

使用counter()在列表中自动添加序号另外一个在CSS 2.1在就已经支持的功能是counter()，使用它，你能方便的在页面标题，区块和其它各种连续出现的页面内容上添加序号。有了它，你就不必限制于只能使用<ol>来实现这个效果，你可以更灵活的在页面上使用自定义...

前端技术 2023/09/06 CSS

问题：遇到多行多列排列的图片时，hover上去加边框会把下面的图片挤到别处 ============================================================ 注意： IE11以下浏览器加载图片会默认给它加一个1px的边框...

前端技术 2023/09/06 CSS

先来个Demo： http://www.phpstudy.net/jiaoben/111258.html 好吧，我承认，我有点标题党了，IE7的兼容并不是特别好，当鼠标离开某个导航再进入时，会留下上一次子菜单的残影（写的好像玄幻小说似的=。=）不过纯属研究，O...

CSS3中的content属性使用示例

前端技术 2023/09/06 CSS

CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。插入纯文字 content:\"插入的文章\"，或者content:none不插入...

前端技术 2023/09/06 CSS

关于自定义浏览器滚动条的样式这一块，如果网站可以不考虑非WebKit内核浏览器的话，倒是可以试试只用CSS去实现。简单地修改一下几项，就可以看到效果了： ::-webkit-scrollbar{width:12px; height:12px;} /*滚动条垂直...

前端技术 2023/09/06 CSS

前面的话　　水平居中是经常遇到的问题。看似方法较多，条条大路通罗马。但系统梳理下，其实都围绕着几个思路展开。本文将介绍关于水平居中的4种思路，感兴趣的朋友参考下吧！思路一：在父元素中设置text-align:center实现行内元素水平居中　　将子元素的display设置...

关闭

我的博客