Css
css 能改变input type radio和checkbox 圆圈或方框的大小
把input隐藏，外面套label，再里面加个span，样式写在span上，让label覆盖在span上面，js去改active的class <labelfor="remember"class="text-muted"><spanclass="circle-btn"></span...
css文件 如何使背景图片大小适应div的大小
对背景图片设置属性：background-size：cover;可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100%的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用来做重复性的背景或者做半透...
css实现元素在div底部显示
#CSS.1{position:relative;}.2{position:absolute;left;0;bottom:0;}#HTML<divclass="1"><divclass="2"></div></div>不影响其他元素的情况下定位最好...如果DIV1里只有...
CSS3与页面布局学习总结（七）——前端预处理技术（Less、Sass、CoffeeScript、TypeScript）
CSS不像其它高级语言一样支持算术运算、变量、流程控制与面向对象特性，所以CSS样式较多时会引起一些问题，如修改复杂，冗余，某些别的语言很简单的功能实现不了等。而javascript则是一种半面向对象的动态语言，有java的影子，有C的味道，中间有比其它语言多的糟粕，使用预处理办法可以解决这些问题。其中Less[les...
CSS3与页面布局学习总结（五）——Web Font与Sprite
webfont是应用在web中的一种字体技术，在CSS中使用font-face定义新的字体。先了解操作系统中的字体：a）、安装好操作系统后，会默认安装一些字体，这些字体文件描述了每一个文字的形态，一般中文文件大，英文文件小，因为中文字符数多；在控制面板中可以找到文字文件夹，在C:WindowsFonts下也可以直接找到...
CSS3与页面布局学习总结（三）——BFC、定位、浮动、7种垂直居中方法
BFC（BlockFormattingContext）即“块级格式化上下文”，IFC（InlineFormattingContext）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文，你可以把BFC想象成一个大箱子，箱子外边的元素将不与箱子内...
CSS3与页面布局学习总结（二）——Box Model、边距折叠、内联与块标签、CSSReset
盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是ie盒子模型和标准w3c盒子模型，加上了doctype声明，让所有浏览器都会...
CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位
web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职责”的意思，如字体大小应该是CSS控...
css background之设置图片为背景技巧
原文 Background是什么意思，翻译过来有背景意思。同样在css里面作为css属性一成员同样是有背景意思，并且是设置背景图片、背景颜色、背景图片截取等样式。首先先来看看background有那些值（可进入CSS手册的background详细了解）可以按顺序设置如下属性（可点击进入相应的css手册查看使用...
css 设置 checkbox复选框控件的对勾√样式
最终的样式，想要的效果： 我们要创建方框中的对勾，对于这一点，我们可以使用伪类创建一个新的元素，为了实现这个样式，我们可以创建一个5px*15px的长方形并给他加上边框。这时候我们去掉上面和右边的边框之后，它会看起来像一个字母L。然后我们可以使用CSS的属性让它旋转一下，这样看起来就像是一个对勾。<!D...
CSS 实现对号效果
实现对号效果，一种思路是利用现成的符号，直接在网上搜索到√，插入页面。另一种思路是本文要介绍的用CSS实现，思路是： 给块级元素设置宽度和高度 设置元素相邻的两个border 旋转元素HTML<div...
css中常用的伪类
div:first-child 表示第一个div，代码如下 <html><head><title></title></head><style>*{margin:0;padding:0;}.show>div{width:100p...
css类层级问题
.showh1{}，h1元素的上级或者h1元素的上上级，h1的先祖级是show，h1都会有这个样式 .show>h1{}，h1元素的直接父级是show，这样的h1才会有这个样式 <html><head><title></title></head>...
css两种隐藏div的区别
1.display：none display:none该div会被隐藏，且不占样式空间，不会被该div影响任何布局 2.version:hidden variable:hidden该div会被隐藏，但是依旧占样式空间，该div依然会影响布局 总结：display:none使div不存在，variable:h...
CSS 图像精灵怎么用(css sprites定位技术） 图标定位
CSS图像精灵怎么用(csssprites定位技术）...
