Css
css 字间距离_css 字体字符间距设置
使用到的css样式属性单词text-indent抬头距离，letter-spacing字与字间距。Css字间距、divcss字符间距样式实例1、text-indent设置抬头距离css缩进即对，对应div设置css样式text-indent:20px;缩进了20px2、letter-spacing来设置字与字间距_字符...
CSS分别设置Input样式（按input类型）
当你看到<input>这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的：<inputtype="text...
CSS权重的等级划分
CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为100002、内联样式，如：style=””，权...
CSS Margin（外边距）
CSSmargin(外边距)属性定义元素周围的空间。margin清除周围的（外边框）元素区域。margin没有背景颜色，是完全透明的。margin可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。margin 属性值：Margin可以使用负值，重叠的内容。在CSS中，它可以指定不同的侧面不同的边...
css自定义滚动条样式
/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:16px;/*滚动条宽度*/height:16px;/*滚动条高度*/}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006...
CSS字体样式属性
定义元素内文字颜色。语法：color:颜色名|十六进制|RGBcolor属性用于定义文本的颜色，其取值方式有如下3种：1）预定义的颜色值，如red，green，blue等。2）十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。3）RGB代码，如红色可以表示为rg...
CSS样式表的写作规范
写了这么久的CSS，但自己都没有按照良好的CSS书写规范来写CSS代码，东写一段西写一段，命名也是想到什么写什么，过一段时间自己都不知道写的是那一块内容，这样会影响代码的阅读体验和工作进程，在更改样式时也会麻烦很多；看网上的大能前辈总结的CSS书写规范、CSS书写顺序供大家参考，我想对写CSS的前端用户来说是值得学习的...
CSS3文本阴影、边框阴影
CSS3添加阴影一、使用text-shadow属性为文本添加阴影二、使用box-shadow属性为边框添加阴影 一、为文本添加阴影text-shadow 使用text-shadow，可以在不使用图像表示文本的情况下，为段落、标题等元素中的文本添加动态的阴影效果。（有继承性） &...
Serif和Sans-serif字体的区别
在西方国家罗马字母阵营中，字体分为两大种类：Sans Serif和Serif，打字机体虽然也属于Sans Serif，但由于是等宽字体，所以另外独立出Monospace这一种类，例如在Web中，表示代码时常常要使用等宽字体。 Serif的意思是，在字的笔划开始及结束的地方有额外的装饰...
CSS实现各种形状
CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性，像transform和border-radius，我们可以创建非常漂亮和复杂的图形效果。 圆形 ...
css水平居中的各种方法
说到水平居中，大家可能觉得很简单啊，text-align:center就OK了。但是，有时候会发现这样写了也没出效果。原因是什么呢？ 请往下看。水平居中：分为块级元素居中和行元素居中 行内元素：行内元素就是内联元素。例如<span>、<a>、<label>、<...
初学css list-style属性
网上很多css布局中会看到这样的一句:list-style：none；那么list-style到底什么意思？中文即：列表样式：无；其实它是一个简写属性，包含了所有列表属性，具体包含list-style-type、list-style-position、list-style-image list-style-t...
CSS实现垂直居中的常用方法
在前端开发过程中，盒子居中是常常用到的。其中，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin:0auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先，定义一个需要垂直居中的div元素，他的宽度和高度均为300px，背景色为橙...
XPath语法和CSS选择器介绍
XPath是一门在XML文档中查找信息的语言。XPath可用来在XML文档中对元素和属性进行遍历。XPath是W3CXSLT标准的主要元素，并且XQuery和XPointer都构建于XPath表达之上。节点关系（1）父（Parent）每个元素以及属性都有一个父。在下面的例子中，book元素是title、au...
CSS实现居中代码
在设计网页模板时，经常要用CSS来控制块级元素的水平或是垂直位置，往往需要进行居中的操作。今天我就和大家一起来研究下如何用CSS来控制元素的居中。1、单行垂直居中文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度...
