.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 说明： 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei为微软正黑体，STHeiti为华文黑体，MingLiu记得11px下的中文有着不凡的效果。 在css中推荐使用中文字体的英文表示法，以下附常见中文字体的英文名： Mac OS的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSon...
CSS设置DIV居中<style type="text/css"> body{text-align:center; }.divs{margin:0 auto; } </style><body><div class="divs">CSS设置DIV居中</div> </body>版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/you23hai45/article/details/49052753
都有的样式 .meeting-date {/* height: 60px; */display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid rgba(254,254,254, 0.2);padding:10px 0 ;}最后一个样式： .meeting-date:last-child {border-bottom:0; }原文：https://www.cnblogs.com/guangzhou11/p/12160513.html
@font-face { font-family: ‘OpenSans-ExtraBold‘ ; src=\‘#\‘" /OpenSans-ExtraBold.eot‘); /* IE9 Compat Modes */ src=\‘#\‘" /OpenSans-ExtraBold.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */ url(‘font/OpenSans-ExtraBold.woff‘) format(‘woff‘), /* Modern Browsers */ url(‘font/OpenSans-ExtraBold.ttf‘) format(‘truetype‘), /* Safari, Android, iOS...
.box {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:200px;height:200px;border: 1px solid #eee;}.box img {/*设置图片垂直居中*/vertical-align:middle;} 原文：http://www.cnblo...
1 div在页面居中的问题 1）position值为relative时（相对定位），css设置属性margin:0 auto;(0 auto，表示上下边界为0，左右则根据宽度自适应相同值,即居中)即可。 2）position值为relative时（绝对定位），css设置属性 text-align:center; left:50%; margin-left:-500px;(左边距margin-left设置为当前div宽度的一半的负值即可). 代码示例： .page {position:absolute;width:1000px;background-image:none;text-align...
设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法：1 background-size:auto;/* 默认值，不改变背景图片的高度和宽度 */ 2 background-size:100px 50px;/* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来等比缩放 */ 3 background-size:10%;/* 0％~100％之间的任何值，将背景图片宽高按百分比显示，当设置一个值的时候同也将其作为图片宽度来等比缩放 */ 4 background...
font-size:18px;:设置字号color:#093:设置字色font-family:‘宋体‘;:设置字体（要尽量使用通用的字体，就是用大家电脑上一般都有的字体，常用的是中文字体是宋体英文字体是arial）设置字体的时候将英文字体设置在前，中文设置在后如果想用比较特殊的字体，可以将其转换为图片line-height:150%;:设置行与行之间的距离font-weight:bold:设置字体的粗细（粗：bold 正常：normal）font—style:设置字体样式(normal正常，italic斜体)te...
附图:1. 利用Flex布局实现demo.html1 <div class="demo demo-flex"><span>孤云将野鹤，岂向人间住。莫买沃洲山，时人已知处。</span></div>style.css 1.demo {2 width: 120px;3 height: 200px;4 border: 1px solid red;5/*line-height: 25px;*/ 6 font-size: 12px;7 }8 .demo-flex{9 display: flex; 10 align-items: center; 11 justify-content: center; 12 ...
CSS设置颜色嵌入式：<style></style>，即CSS样式写在</title>之后，</head>前面，即在<head></head>里面，如：...<head> <title>p标签</title> <style type="text/css"> .first{color:red;} /*设置一种类型，方便后面标签进行特定使用*/ </style></head>...<p class="first";> 我的第一个段落 </p> /*然后在标签后面添加该类名称来进行特定使用*/内嵌式：<p style="color:red"> 我的第一个段落 </p> /*...
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