GTraveler

:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。示例HTML<h1>这是标题</h1><p>第一个段落。</p><p>第二个段落。</p><p>第三个段落。</p><p>第四个段落。</p><p>第五个段落。</p>a.cssp:nth-of-t

由于不同浏览器对outline这个css属性默认情况不同,造成在不同的浏览器上出现一些不同。解决方法是定义outline属性为none，如下：input{outline:none;}outline 属性(参考w3school) outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 outline 简写

区别： .container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。个人理解：container类根据不同屏幕宽度，通过媒体查询，阶段性的赋值一个固定宽度，所以在改变浏览器的大小时，页面是一个阶段一个阶段变化的。container-fluid类则是始终保持与外部div的宽度一致，所以当

元素的宽度与高度，在默认情况下的计算方式如下： width(宽) + padding(内边距) + border(边框) = 元素实际宽度 height(高) + padding(内边距) + border(边框) = 元素实际高度以上两个 div 元素虽然宽度与高度设置一样，但真实展示的大小不一致，因为 红色边框div 指定了内边距. 在元素上设置了 box-sizing: bor

在编写一些表单时，我们使用红色*号，作为必填项，我们一般都想要红色星号能够垂直居中显示，看起来更美观： .xing { font-size: 30px; color: #f00; }<h3>如果是<span class="xing">*</span>则必填</h3>结果如下： 所以我们需要添加css样式：.xing { w

平时我们实现透明的css方法通常有以下3种方式：css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(

项目中需要用到弹框箭头：<div id="dir"></div>#dir{ display: inline-block; border-left: 6px solid blue; border-top: 8px solid blue; border-right: 6px solid blue; border-bottom: 8px sol