文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/ 原文链接:http://www.zhangxinxu.com/wordpress/?p=5214 一.font关键字初窥初探 我们使用font属性,多半用做缩写,例如: 宋体-simsun-14px .font { font: 14px simsun; } 其语法如下: [ [ <'font-style'> || <'font-variant'> || <'font-…

1.什么是字体 字体是文字的外在形式,就是文字的风格,是文字的外衣.比如行书.楷书.草书,都是一种字体.同样一个字每个人写起来都会有差异,可以说每个人都有一套潜在的字体库.对于web页面来说,字体就是计算机上存储的一套文字显示方式.通过对文字进行一些特殊处理(比如末端加强)来提高不同环境中文字的可读性. 比如同样大小的文字,在不同字体下的可读性是不同的. 一般来讲,一款字库的诞生,要经过字体设计师的创意设计.字体制作人员一笔一划的制作.修改,技术开发人员对字符进行编码.添加程序指令.装库.开发安…

CSS 参考手册 实例 在一个声明中设置所有字体属性: p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/20px arial,sans-serif; } 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera           所有浏览器都支持 font 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit&quo…

字体系列 [1]5种通用字体系列:拥有相似外观的字体系列 serif字体:字体成比例,且有上下短线(衬线字体),包括Times\Georgia\New century Schoolbook sans-serif字体:字体成比例,且没有上下短线(无衬线字体),包括Helvetica\Geneva\Verdana\Arial\Univers Monospace字体:字体不成比例,等宽字体,包括Courier\Courier New\Andale Mono Cursive字体:手写体,包括Zapf C…

css样式中有很多简写方式,比如:设置背景,字体,边框,盒子等.我们都可以把css代码合并为一行,这篇文章将总结有哪些属性支持css简写. 1.背景background属性 background-color:#F00; background-image:url(header_bg.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:left top; 上面的可以简写为: backg…

font的属性简写里面常用的有5个是可以写在一起的: font-style设定斜体 如:font-style: italic;font-weight设定文字粗细 如:font-weight: bold;font-size设定文字大小 如:font-size: 12px;line-height设定行距 如:line-height: 150%;color设定文字颜色(注意不是font-color) 如:color: red;font-family设定字体 如:font-family : "Lucid…

是不是在很很多网站的公共样式中会看到这样的代码?font: 12px/150% Arial, Verdana, "\5b8b\4f53";意思为:字体大小/行高 字体族 "\5b8b\4f53″ 就是 “宋体”.用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法.注释乱码:强烈建议不要用中文注释.font-family:’宋体’为了方便大家好查,整理了些中文名 Unicode,特此献给其他前端开发的朋…

font-style: /* 文字样式 italic(倾斜) | normal */ font-weight: /* 文字是否加粗 bold | normal(正常) */ font-size: /* 文字大小 */ line-height: /* 行高(每行文字的高度,文字在行内上下居中)*/ font-family: /* 文字字体 "微软雅黑" | "宋体" ... */ /* 复合样式 (有强制顺序) */ font: /* font-style font-…

字體屬性 常用的CSS字体名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB2312 KaiTi_GB2312 Windows的一些: 新細明體:PMingLiU 細明體:MingLiU 標楷體:DFKai…

font-family font-family: Verdana,Helvetica,Arial,"Microsoft YaHei",sans-serif; font-family: Georgia,Times,“Times New Roman”,serif; 通常认为,电脑屏幕上sans-serif更可读. 如果字体名称超过一个词,应该用引号包裹. 更多字体,http://www.w3schools.com/cssref/css_websafe_fonts.asp. font-siz…

行高的量取方式: 1.第一行可设置margin-top值.然后将第一文字顶部到第二行文字顶部的值作为行高的值(要注意对齐方式) 2.将 3.电视上 font:12px/1.5//字体12px,行高1.5em…

<style> p{ /*font-style: italic;/*设置字体为斜体*/ font-variant: small-caps; font-weight: bolder;/*设置字体加粗*/ font-size: 106px;/*设置字体大小*/ font-family: "仿宋";/*设置字体*/ */ font:italic small-caps bold 106px/200px 仿宋,黑体; /*font:italic small-caps bold 106…

Part 1 font简写 CSS的命名规则是用英文字母 数字 和下划线(一般用小写)来命名.简写css font的好处有三:一是写起来方便(就像键盘快捷键):二是简化代码:三是帮助你熟悉和深刻理解css. 一.字体属性主要包括下面几个 font-family,font-style,font-variant,font-weight,font-size,font font-family(字体族): “Arial”.“Times New Roman”.“宋体”.“黑体”等;font-style(字体…

CSS font 属性 参考:W3school- CSS font 所有浏览器都支持 font 属性,可在一个声明中设置所有字体属性,各属性需按顺序,语法如下: selector{ font:style weight size/line-height font-family } 常用值: 值 描述 font-style 规定字体样式 font-weight 规定字体粗细 font-size/line-height 规定字体尺寸和行高 font-family 规定字体系列 font-variant…

1.垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 使用这个技巧,从单行文本.段落到box,都会垂直对齐.目前浏览器…

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;…

1.垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } (ps:[译]如何实现CSS居中?–CSS居中常用方法)使用这个…

Web前端开发css基础样式总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色 单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置 文本样式(text) color:设置文本颜色 text-align:设置文本对齐方式 center left right letter-spaci…

接着上一篇 html狂记,同样是DIV+CSS传统站点开发,同样只是收集.整理... CSS 背景属性(Background) 属性 描述 CSS background 在一个声明中设置所有的背景属性. 1 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动. 1 background-color 设置元素的背景颜色. 1 background-image 设置元素的背景图像. 1 background-position 设置背景图像的开始位置. 1 ba…

CSS Text 1> Text Color used to set the color of the text 2> Text Alignment used to set the horizontal alignment of a text text-align: left|right|center|justify|initial|inherit; 3> Text Decoration used to set or remove decorations from text text-d…

定义和用法 font 属性设置或返回画布上文本内容的当前字体属性. font 属性使用的语法与 CSS font 属性 相同. 默认值: 10px sans-serif JavaScript 语法: context.font="italic small-caps bold 12px arial"; 属性值 值 描述 font-style 规定字体样式.可能的值: normal italic oblique font-variant 规定字体变体.可能的值: normal small-c…

CSS 属性 CSS 属性组: 动画 背景 边框和轮廓 盒(框) 颜色 内容分页媒体 定位 可伸缩框 字体 生成内容 网格 超链接 行框 列表 外边距 Marquee 多列 内边距 分页媒体 定位 打印 Ruby 语音 表格 文本 2D/3D 转换 过渡 用户界面 "CSS" 列指示该属性是在哪个 CSS 版本(CSS1.CSS2 或 CSS3)中定义的. CSS3 动画属性(Animation) 属性 描述 CSS @keyframes 规定动画. 3 animation 所有动画属…

The principles behind these techniques aren't new. Filament group, for example, have published great content on loading CSS and fonts. I've written this article to document my thoughts and ideas for loading non-blocking resources. The trick to trigge…

Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发.但仍然有一些开发者迷恋着一些CSS2代码. 分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里.或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜. 1. CSS Resets 网络上关于CSS重置的代码非常多.本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就…

近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下,O(∩_∩)O. 摘选自:http://www.w3cschool.com.cn/ 表格最右列的数字标识支持的CSS最低版本. 语法实例可能不是特别全,毕竟不是详细介绍每个样式,只是统计一下,详细的可以去w3cschool或google. 毕竟.学知识,第一步就是扩展知识面. 知道有这个东西,然后再举一反三去学习和练习. 目录: 01. CSS背景属性(Background) 02. CSS边框属性(Border和Ou…

DHTML :制作动态HTML页面的技术 DHTML=HTML+层叠样式表CSS+脚本语言javascript 一.CSS 1.1 CSS样式的分类: 行内样式:只影响一行,其他相同标签也不影响.如下: <font style="color: red;font-size: 55px;">我是font标签</font> 内嵌样式: 影响一个页面内的指定标签.如下: <head> <meta charset="UTF-8">…

用过cnblogs的估计都知道cnblogs提供了相对比较开放的个性化选项,其中最为突出的估计就是页面CSS定制了.但是没学过Web前端的人可能并不会用这个东西... 所以我打算在此分享一些定制CSS过程中使用的奇技淫巧一些方法来帮助大家定制blog qwq 博主并非专业Web开发,所以可能有些语言不够严谨或者不够准确还请谅解qwq 1.何谓CSS CSS,即层叠样式表,可以被认为是HTML的扩充,用于给HTML里结构化的内容指定显示方式,比如字体/背景/大小/间距/特殊效果/过渡效果等. Wi…

CSS3 动画属性(Animation) 属性 描述 CSS @keyframes 规定动画. 3 animation 所有动画属性的简写属性,除了 animation-play-state 属性. 3 animation-name 规定 @keyframes 动画的名称. 3 animation-duration 规定动画完成一个周期所花费的秒或毫秒. 3 animation-timing-function 规定动画的速度曲线. 3 animation-delay 规定动画何时开始. 3 an…

CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE10以上不支持. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准. 条件注释的基本结构和HTML的注释(<!– –>)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释…

概述 相信大家在写css属性的时候,会遇到一些问题,比如说:垂直对齐,垂直居中,背景渐变动画,表格宽度自适应,模糊文本,样式重置,清除浮动,通用媒体查询,自定义选择文本,强制出现滚动条,固定头部和页脚,自己在网上看到的一篇关于css的文章,感觉这里边一些常用的css代码片段对大家很有帮助,所以我就把这篇文章分享给大家,希望大家能够喜欢. css代码片段 1.垂直对齐   如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑:…