Css
CSS字体加粗属性font-weight工作原理
font-weight允许值 normal|bold|bolder|lighter|l00|200|300|400|500|600|700|800|900 font-weight初始值 normal &nbs...
CSS 导航栏
熟练使用导航栏，对于任何网站都非常重要。使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。作为标准的HTML基础一个导航栏是必须的。在我们的例子中我们将建立一个标准的HTML列表导航栏。导航条基本上是一个链接列表，所以使用<ul>和<li>元素非常有意义：<ul><l...
自动识别电脑版和手机版来跳转css样式
<script>functionloadCSS(){if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))){document.write('<...
css3 编写滚动条 利用伪类
//高宽分别对应横竖滚动条的尺寸::-webkit-scrollbar{width:16px;height:16px;}//内阴影和圆角::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}/...
css3 翻转
/*水平翻转*/.flipx{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH();}/*垂直翻转*/.flipy{-moz-transform...
webstorm下搭建编译less环境 以及设置压缩css
webstorm自带less，不过要编译的话需要nodejs环境。首先去node的主页下载对应版本的nodejs然后安装，下载地址：http://nodejs.org/安装完之后打开命令提示符（win+r）,分别输入node-v以及npm-v如果返回版本号说明你安装成功了。接下来就可以安装less了，命令提示符npm进...
css transform解释及demo(基于chrome)
transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 Transform:(css3转换)注意：这些效果叠加时，中间用空格隔开作用：能够对元素进行移动、缩放、转动、拉长、拉伸转换：使元素改变形状、尺寸、位置的一种效果 t...
css animation动画使用
<!--animation属性是一个简写属性，用于设置六个动画属性：animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-direction注释：请始终规...
css inline-block
转载！原文地址：https://www.cnblogs.com/coco1s/p/4024445.html inline-block前端程序猿们肯定不陌生，它是display属性的一个取值。 之所以称之为inline-block。是因为它兼具行内元素(inline-element)和块级元素(b...
css q标签和quotes属性的使用
当元素是q的时候，可以无需使用::after或者::before选择器，直接就可以为q元素的内容添加标记元素。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title&...
css浮动float详解
https://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html...
css display block 和 inline
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性...
CSS渐变的两种基本用法
1.线性渐变（linear-gradient） 基础用法：background:linear-gradient(angle,start-color,soft-line,end-color); 依次解释下这几个参数： angle是渐变角度，不写则默认从上到下，也就是tobottom,当然其他类似的直角方向还有tor...
CSS布局之——对齐方式
(1). 行内元素的水平居中？如果被设置元素为文本、图片等行内元素时，在父元素中设置text-align:center实现行内元素水平居中，将子元素的display设置为inline-block，使子元素变成行内元素<divclass="parent"><divclass="child"&g...
CSS3条件判断——@supports
CSS3条件判断，听起来“不明觉厉”,如果你对CSS稍为熟悉一点的话，你会发现CSS中的“@media”就是条件判断之一。是的，在CSS3的条件判断规范文档中包含了两个部分，其一是“@media”规则，主要用来“根据媒体属性区分样式表&...
