Css
CSS3中的一些属性
1.可匹配部分字符串2.box-sizing属性3.CSS3多栏布局 1、可匹配部分字符串1/*^运算符，匹配字符串首部*/2a[href^='http://website']3/*$运算符，匹配字符串尾部*/4a[href$='.png']5/**运算符匹配任意位置的子字符串*/6a[href*='google...
css实现移动端滚动条隐藏仍然可以滚动内容
.g-panel{height:calc(100%-112px);overflow:auto;&::-webkit-scrollbar{display:none;//重点}} element::-webkit-scrollbar{display:none;//重点}...
通过CSS禁用页面内容选中和复制操作
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;...
css中单位px和em,rem的区别
一、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的二、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,...
css初始化
ulli标签的padding和margin 一些元素，默认带有padding，比如ul标签。所以，我们为了做站的时候，便于控制，总是喜欢清除这个默认的padding： ...
css页面布局
一、display二、margin:0 auto;水平居中三、max-width:600px; 在这种情况下使用max-width替代width可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！ 四、box-...
纯css3绘制扇形
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><style>.hold{position:absolute;width:200px;heigh...
用css3实现一个带缺口的圆圈（图）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.box{margin:300px;position:relat...
css3动画在动作结束时保持该状态不变的解决办法
animation-fill-mode:none|forwards|backwards|both;none：不改变默认行为。 forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards：在animation-delay所指定的一段时间内...
CSS3两个动画顺序衔接播放
问题描述：第一个动画先播放，播放完成后，第二个动画紧接着播放。解决办法：1.将第二个的延迟时间（animation-delay）设置成第一个的持续时间(animation-duration);2. 多个动画应用时用逗号分隔开;此时，CSS3的动画代码就要分开写了，不能再简写了，诸如animation:rota...
常用的CSS命名规则
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：leftrightcenter 登录条：loginbar ...
CSS去除firefox点击链接时的虚线边框
a{outline:none;}或者缩小范围：a:focus{outline:none;} ...
webkit内核浏览器的CSS写法
-webkit-tap-highlight-color:transparent;Mobile上点击链接高亮的时候设置颜色为透明-webkit-user-select:none;设置为无法选择文本-webkit-touch-callout:none;长按时不触发系统的菜单,可用在图片上加这个属性禁止下载图片:-webki...
css解决select下拉表单option高度的办法
css在给select下拉表单设置样式如边框时可以轻松搞定，而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之，则往往会出现浏览器的兼容性问题，在网上查了好多资料，最好的解决办法也是大神们用js来模拟下拉表单。额~，好吧，暂且就按照大神们的办法来解决这个问题吧。下边来说说cs...
使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式
使用iPhone上的浏览器去浏览网页的时候，按钮总是显示超大圆角且颜色由上而下渐变的样式，显得超级恶心，而且文本框也会有一定的圆角，但是我们自己定义border-radius也没有效果，经过搜索发现这是webikt内核浏览器通过私有属性-webkit-appearance对控件设置了默认样式。此时的解决办法为：inpu...
