Css
使用CSS修改HTML5 input placeholder颜色
HTML<inputtype="text"placeholder="Value"/>有三种实现方式：伪元素（pseudo-elements）、伪类（pseudo-classes）和Notihing。WebKit和Blink（Safari,GoogleChrome,Opera15+）使用伪元素::-webki...
css3 flex流动自适应响应式布局样式类
一旦一个容器赋予了display:flex属性，将会有以下特点：项目无法设置浮动。列表的样式会被清除。无法使用vertical-align设置垂直对齐方式。目前互联网上关于flex流动布局的文章很少，搜索关于flex的文章，大部分还介绍的是旧的知识点，显然已经不符合当前的w3c标准了，要想了解flex的相关...
纯 CSS 实现绘制各种三角形（各种角度）
一、前言三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度solidred，这个画的就是底部的直线。其他边使用border-方向：长度solidtransparent。（2）有两个横竖边（上下左右）的设置，若斜边是在三角形的右边，这时候设置top或bot...
CSS 字体效果
text-shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不使用图片时能给文字增加质感。text-shadow曾经在css2中就出现过，但在css2.1版本中又被抛弃了...
CSS中position属性介绍(新增sticky)
最近有点忘了position几个取值的内容，在这里简单总结一下。 position的含义是指定位类型，取值类型可以有：static、relative、absolute、fixed、inherit和sticky，这里sticky是CSS3新发布的一个属性。1、position:static static(没有定位...
css addClass小结
经常需要在某些判断的时候给元素增加样式。通常使用的方式是assClasscss.content{color:green;}.content.warm{color:purple;} body<divclass="content"><p>nihao</p><p>ni...
css中“~”和“>”是什么意思？
css中“~”是:为所有相同的父元素中位于p元素之后的所有ul元素设置背景：p~ul{ background:#ff0000;} <p>快乐生活</p><ul> <li>生活</li> <li>生...
CSS：谈谈栅格布局
检验前端的一个基本功就是考查他的布局。很久之前圣杯布局风靡一时，这里就由圣杯布局开始，到最流行的bootstrap栅格布局。 圣杯布局 圣杯布局是一种三列布局，两边定宽，中间自适应：1*{2box-sizing:border-box;3}4html,body{5width:100%;6height:100%;7...
CSS3-渐变这个属性2
渐变 有了渐变再也不用去切1px的图再重复了.. -webkit-是浏览器前缀,表示特定浏览器对一个属性还在实验阶段,在这里顺便写下各个浏览器的前缀: chrome/safari -webkit-...
用纯css实现下拉菜单的几种方式
第一种:display:none和display:block切换1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>Document</title>6<sty...
css样式—字体垂直、水平居中
<divclass="tt">啦啦啦</div> .tt{padding:0px;width:500px;height:200px;text-align:center;background-color:#F69;display:table-cell;vertical-ali...
css实现小三角（转载+个人笔记）
笔记： 原理就是：宽高为零，单独设置border的宽度，然后上右下左，根据需要选择三角形的方向，比如选向上箭头，其他右、下、左设置为透明；然后放在下边，用margin-top：-10px放上去。/**向下的三角**/.sanjiao_down{width:0;height:0;overflow:hidden;...
css居中div的几种常用方法
在开发过程中，很多需求需要我们居中一个div，比如html文档流当中的一块div，比如弹出层内容部分这种脱离了文档流等。不同的情况有不同的居中方式，接下来就分享下一下几种常用的居中方式。1.text-align:center方式代码：<divclass="center"> <spanclass="c...
CSS 去掉点li 的点
转：http://blog.sina.com.cn/s/blog_63b13c300100jyek.html方法一：<ul><listyle="list-style-type:none;">百度</li><listyle="list-style-type:none;">雅...
selenium中CSS选择器定位
selenium元素定位，CSS选择器定位效率会高很多。CSS选择器用于选择你想要的元素的样式的模式。表格摘自“菜鸟教程”，具体用法可去查阅选择器示例示例说明CSS.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元...
