html引入思源黑体通过Link标签在网页头部引用Google Web Font:<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">字体：Noto Sans SC大小：100, 300, 400, 500, 700, 900在需要使用思源黑体的地方设置CSS样式：font-family: "Noto Sans SC";
font-weight: 100;TIP：Link标签的rel属性的全称是relationship，表示引用内容与当前HTML的关系。 Regular、Normal、Medium、...
图片的居中显示css有很多方法，但在很多情况下有的方法无效，无意发现这个系统的官方处理图片居中，居左，居右的css写法，喜欢的朋友可以收藏下哦图片的居中显示css有很多方法，但在很多情况下有的方法无效，这是件很头疼的事情，在研究wordprss程序的时候，无意发现这个系统的官方处理图片居中，居左，居右的css写法，分享一下！ 比如一个图片的<img class=”alignleft “>，居左，设置图片的img属性左浮动；居右，设置右浮动；水...
table tbody { display:block; height:195px; overflow-y:scroll;}table thead, tbody tr { display:table; width:100%; table-layout:fixed;}原文：http://www.cnblogs.com/FineDay/p/7511647.html
代码如下:div { scrollbar-face-color: #fcfcfc; scrollbar-highlight-color: #6c6c90; scrollbar-shadow-color: #fcfcfc; scrollbar-3dlight-color: #fcfcfc; scrollbar-arrow-color: #240024; scrollbar-track-color: #fcfcfc; scrollbar-darkshadow-color: #48486c; scrollbar-base-color: #fcfcfc } 滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto...
/* 例 1: 默认值 */
background-position: 0 0; /* 元素的左上角 *//* 例 2: 把图片向右移动 */
background-position: 75px 0; /* 例 3: 把图片向左移动 */
background-position: -75px 0; /* 例 4: 把图片向下移动 */
background-position: 0 100px; 参考：http://www.bkjia.com/CSSjc/898331.html原文：http://www.cnblogs.com/EasonJim/p/6198457.html
一、设置边框 1、边框样式属性说明border-width设置边框的宽度boder-style设置边框的样式border-color设置边框的颜色 a、border-width属性 自定义边框的宽度时，不能定义为百分比。 b、border-style属性 以上属性可以设置一个、二个、三个、四个属性值，当设置一个值得时候四条边框都应用该属性值，当设置两个的时候时候上下使用第一个属性值，左右使用第二个属性值，当设置三个值的时候，第一个值应用在上边框，...
CSS3 多媒体查询CSS2 多媒体类型@media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够友好。CSS3 多媒体查询CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如：viewport(视窗) 的宽度...
table th
{border:1px solid #CCCCCC;background-color:#FFFFFF;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); /*IE6-IE8*/background: -ms-linear-gradient(top, #fff, #C3DAF5); /* IE 10 */background:-moz-linear-gradient(top, #fff,#C3DAF5);/*火狐*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#C3DAF5));/*谷歌*/ ...
复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" > <head> <title>未知大小图片在已知大小容器水平/垂直居中</title> <style type="text/css"> .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; ...
box-size允许您以特定的方式定义匹配某个区域的特定元素。content-box(默认)：宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box：为元素设定的宽度和高度决定了元素的边框盒。inherit：规定应从父元素继承 box-sizing 属性的值。box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */-webkit-tap-highlight-color当用户点击iOS的...
取决于浏览器或者设备的方向，HTML元素总是会有"portrait"(竖屏) "landscape"(横屏) class. 你可以在css中如下使用它们:.portrait {/* 垂直方向的变化的代码 */}.landscape {/*
水平方向的变化的代码 */} "portrait"(竖屏) "landscape"(横屏) css设置原文：http://www.cnblogs.com/zhouyx/p/4560087.html
做的时候想要边框为比较好看的样式，需要UI切图并且放在div中，看起来会好看点 像这样的，我随便挑选了一个，UI帮我切图出来 需要把这个图片填到相应的div里面，但是很显然碰到一个问题，图片太大，而且放进去以后还不是响应式的那么解决问题的就来了：background:url(1.jpg);-webkit-background-size: 100px 60px; 这样还不是响应式应该怎么办呢 IMG加载的图片width设置为100%，高度会按照width的值自动等比率缩放背景图片...
要达到的效果是可以环绕图片最近做的一个项目，有一个具体的要求，是要完成文字对图片的环绕效果，其实不是很难；来做一份随笔，记录一下该做法，大家有什么好的实现方式，也可以互相探讨一下。这是我自己写的一个demo 已经实现环绕效果，不过具体的板式排列，还是需要根据具体的业务罗来做。先看一下效果图； 其实做法并不难，最主要的是图片的浮动，和父元素的设置css属性 word-break: break-all；重要的是父元素是要有宽度，不...
只要设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持，要设置垂直居中的话只需要将这两个属性的值都设置为center即可，需要的朋友可以参考下 以前处理垂直居中用的方法是设置div的height和line-height是一样的值，现在就不用那么麻烦了。只要设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持。其中box-pack控制的是水平的左和右，取值有：start(居左)，center(居中)，end(居右)。box...
电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题. 由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family . 而网易的就有 . font-family:"宋体", arial; 这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 字...