CSS | 时鹏亮的Blog

nth-child和:nth-of-type，这俩东东，我一直只知道nth-child……还真是丢人啊，最近装修首页，发现nth-child失灵了，奇怪了，仔细研究了下，发现竟然还有一个属性是nth-of-type。这回深入的研究了下这俩属性的差别，发现nth-chi[……]

以下CSS代码可以实现背景图自适应功能。

.bg{  
background:url(https://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);  
filter:"progid:DXImageTransform.Mi[......]

text-overflow是一个比较特殊的属性，W3C早前的文档中（目前的文档中没有包含text-overflow属性，FML!）对其的定义是:
Name: text-overflow-modeValue: clip | ellipsis | ellipsi[……]

在fixed的元素的css下加入如下代码即可:

-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);

方法来自:https://stackoverflow.com/questions[……]

CSS本身提供了选择第几个元素的功能，今天找了下整理出来：

:nth-child(2)选取第几个标签，“2可以是你想要的数字”
:nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同
:nth-child(-n+4)选取小于等于4标签 :nth-c[……]

查看一个html5的源码，发现导航的效果做的有点意思，看了下css，原理是利用了css3的一个选择前实现的。代码如下：

		header nav ul li:nth-of-type(2) a {
			background:#0184cd;
			background-i[......]

利用官方的生成器，发现生成的地图无背景，经过排查搜索，找到了解决办法，具体解决办法如下：
我生成的时候官方的id为dituContent，所以向css中添加如下部分：

#dituContent img {
   max-width: none;}

至此，问题就得以解决[……]

这是新来的专业的前端同事小闫教的，总结下来：
文本框固定高度：height:16px;如果效果要求文本框高度总计42px，则给文本框赋值padding:13px 0;[……]

做网页发现div竟然不会自动适应高度，奇怪了，仔细看了看代码，发现还是基础不扎实，最后清空下浮动就正常了。

示例代码：

    <!DOCTYPE html> 
    <html> 
    <head>     <meta[......]

以下CSS样式实现了各浏览器的标签禁止选中功能。

moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;-khtml-user-select:none;-webkit-user-se[......]

时鹏亮的Blog