font-size-adjust
来源:学生作业帮助网 编辑:作业帮 时间:2024/11/15 19:23:35 小学作文
篇一:CSS font-size-adjust 属性
g4=6383&rsv_sug2=0&inputT=5871&bs=www.w3school.com.cn%2Fcssref%2Fpr_gen_counter-increment.asp%3Fw%3Dwww.xxwdzd.com%20%E6%8C%AF%E5%8A%A8%E7%AD%9B%20%26www.xxwd.cn%20%E6%8C%AF%E5%8A%A8%E7%AD%9B%E5%88%86%E6%9C%BA
CSS font-size-adjust 属性的应用
定义
字体的小写字母 "x" 的高度与 "font-size" 高度之间的比率被称为一个字体的 aspect 值。当字体拥有高的 aspect 值时,那么当此字体被设置为很小的尺寸时会更易阅读。举例:Verdana 的 aspect 值是 0.58(意味着当字体尺寸为 100px 时,它的 x-height 是 58px )。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。
继承性:Yes
说明
该属性设置元素的字体大小。注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。
各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法:
object.style.fontSizeAdjust="larger"
例子
h1{
font-size-adjust:0.58;
}
p{
g4=6383&rsv_sug2=0&inputT=5871&bs=www.w3school.com.cn%2Fcssref%2Fpr_gen_counter-increment.asp%3Fw%3Dwww.xxwdzd.com%20%E6%8C%AF%E5%8A%A8%E7%AD%9B%20%26www.xxwd.cn%20%E6%8C%AF%E5%8A%A8%E7%AD%9B%E5%88%86%E6%9C%BA
font-size:10px;
}
篇二:CSS样式所有属性
background
在一个声明中设置所有的背景属性。
background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。
background-color 设置元素的背景颜色。
background-image 设置元素的背景图像。
background-position 设置背景图像的开始位置。 background-repeat 设置是否及如何重复背景图像。
CSS 字体属性(Font)
font 在一个声明中设置所有字体属性。
font-family 规定文本的字体系列。
font-size 规定文本的字体尺寸。
font-size-adjust为元素规定 aspect 值。
font-stretch 收缩或拉伸当前的字体系列。
font-style 规定文本的字体样式。
font-variant 规定文本的字体样式。
font-weight 规定字体的粗细。
CSS 外边距属性(Margin)
margin 在一个声明中设置所有外边距属性。 margin-bottom 设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right 设置元素的右外边距。
margin-top 设置元素的上外边距。
CSS 内边距属性(Padding)
padding 在一个声明中设置所有内边距属性。
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。
CSS 列表属性(List)
list-style 在一个声明中设置所有的列表属性。 list-style-image 将图象设置为列表项标记。
list-style-position 设置列表项标记的放置位置。
list-style-type 设置列表项标记的类型。
marker-offset
内容生成(Generated Content)
content 与 :before 以及 :after 伪元素配合使用,来插入生成内容。
counter-increment 递增或递减一个或多个计数器。 counter-reset 创建或重置一个或多个计数器。 quotes 设置嵌套引用的引号类型。
CSS 尺寸属性(Dimension)
height 设置元素高度。
max-height 设置元素的最大高度。
max-width 设置元素的最大宽度。
min-height 设置元素的最小高度。
min-width 设置元素的最小宽度。
width 设置元素的宽度。
CSS 定位属性(Positioning)
bottom 设置定位元素下外边距边界与其包含块下边界之间的偏移。
clear 规定元素的哪一侧不允许其他浮动元素。 clip 剪裁绝对定位元素。
cursor 规定要显示的光标的类型(形状)。
display 规定元素应该生成的框的类型。
float 规定框是否应该浮动。
left 设置定位元素左外边距边界与其包含块左边界之间的偏移。
overflow规定当内容溢出元素框时发生的事情。
position规定元素的定位类型。
right 设置定位元素右外边距边界与其包含块右边界之间的偏移。
top 设置定位元素的上外边距边界与其包含块上边界之间的偏移。
vertical-align 设置元素的垂直对齐方式。
visibility 规定元素是否可见。
z-index 设置元素的堆叠顺序。
CSS 打印属性(Print)
orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数。
page-break-after 设置元素后的分页行为。
page-break-before 设置元素前的分页行为。
page-break-inside 设置元素内部的分页行为。
widows 设置当元素内部发生分页时必须在页面顶部保留的最少行数。
CSS 表格属性(Table)
border-collapse 规定是否合并表格边框。
border-spacing 规定相邻单元格边框之间的距离。 caption-side 规定表格标题的位置。
empty-cells 规定是否显示表格中的空单元格上的边框和背景。
table-layout 设置用于表格的布局算法。
CSS 伪类(Pseudo-classes)
:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。
篇三:CSS 参考手册
CSS 参考手册
属性
描述
在一个声明中设置所有的边框属性。 在一个声明中设置所有的下边框属性。 设置下边框的颜色。 设置下边框的样式。 设置下边框的宽度。 设置四条边框的颜色。
在一个声明中设置所有的左边框属性。 设置左边框的颜色。 设置左边框的样式。 设置左边框的宽度。
在一个声明中设置所有的右边框属性。 设置右边框的颜色。 设置右边框的样式。 设置右边框的宽度。 设置四条边框的样式。
在一个声明中设置所有的上边框属性。 设置上边框的颜色。 设置上边框的样式。 设置上边框的宽度。 设置四条边框的宽度。
在一个声明中设置所有的轮廓属性。 设置轮廓的颜色。 设置轮廓的样式。 设置轮廓的宽度。
CSS 1 1 2 2 1 1 1 2 2 1 1 2 2 1 1 1 2 2 1 1 2 2 2 2
- 1 -
- 2 -
- 3 -
font 简写属性在一个声明中设置所有字体属性。
- 4 -
注释:此属性也有第六个值:"line-height",可设置行间距。 说明
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。 可以按顺序设置如下属性: font-style font-variant font-weight
font-size/line-height font-family
在一个声明中设置所有字体属性: p.ex1{font:italic arial,sans-serif;}
p.ex2 {font: italic bold 12px/20px arial, sans-serif ;}
说明
该属性设置使用斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的一个单独的字体。理论上讲,用户代理可以根据正常字体计算一个斜体字体。
- 5 -
篇四:DiscuzX模板:【模板制作】-【CSS扩展】详解
DiscuzX模板:【模板制作】-【CSS扩展】详解 在默认模板基础上简单的修改、附加扩展 CSS 时只需在对应的模板套系下添加一个对应的扩展 CSS 文件即可, 例如修改或扩展 common.css 中的代码, 只需在创建的模板套系目录对应位置:common/ 文件夹下新建一个 extend_common.css 文件, 然后追加需要修改或者扩展的 CSS 代码。在生成缓存 CSS 时, 扩展代码会追加到默认模板的 CSS 文件 tmplate/default/common/common.css 解析成当前的模板 id 缓存样式文件。 CSS 继承规范:
1. Discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并:
1. template/default/*.css 文件。
2. 当前模板是非默认模板时, template/当前模板目录/extend_*.css 文件 或 template/当前模板目录/*.css。
3. 当某插件启用时, source/plugin/插件目录/template/extend_*.css 文件。
2. 因此非默认模板目录中的 CSS 属性将继承默认模板中的 CSS 属性, 插件目录中的 CSS 文件将继承前二者的 CSS 属性。
3. CSS 自身的集成顺序为:当 CSS 属性名称相同时, CSS 文件中, 写在后面的替换前面的代码。
CSS书写规范:
1. 属性写在一行内, 属性之间、属性名和值之间以及属性与“{}”之间须有空格, 例如:.class { width: 400px; height: 300px; } 。
2. 属性的书写顺序:
1. 针对特殊浏览器的属性, 应写在标准属性之前, 例如:
-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
2. 按照元素模型由外及内, 由整体到细节书写, 大致分为五组:
1. 位置:position, left, right, float
2. 盒模型属性:display, margin, padding, width, height
3. 边框与背景:border, background
4. 段落与文本:line-height, text-indent, font,color,
text-decoration,...
5. 其他属性:overflow, cursor, visibility,...
3. 谨慎添加新的选择符规则, 尤其不可滥用 id, 尽可能继承和复用已有样式
4. 选择符、属性、值均用小写(格式的颜色值除外), 缩写的选择符名称须说明缩
写前的全称, 例如 .cl -> Clearfix
5. 勿使用冗余低效的 CSS 写法, 例如:ul li a span { ... }
6. 慎用 !important
7. 建议使用在 class/id 名称中的词语
1. 表示状态:a->active
2. 表示结构:h->header,c->content,f->footer
3. 表示区域:mn->main,sd->side,nv-navigation,mu->menu
4. 表示样式:l-list,tab,p_pop
常用css实例:
1. 兼容IE浏览器 css hack
所有 IE浏览器适用: .ie_all .foo { ... }
IE6 专用: .ie6 .foo { ... }
IE7 专用: .ie7 .foo { ... } IE8 专用: .ie8 .foo { ... }
2.
3. 浮动样式及浮动元素父元素高度自适应样式代码:
.z/.y 浮动 left/right .z { float: left; } .y { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
4. 大标题字体:
.wx, .ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; }
5. 外边距样式:
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }
6. 文字字体大小:
.xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE};
-webkit-text-size-adjust: none; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
7. 内边距样式:
.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }
8. module.css 文件架构解析(此文件必须按照格式编写):
/** group::index **/
/* 群组 index 模块使用的CSS */
/** end **/
/** group::index,forum::index **/
/* 群组 index 和 论坛 index 模块使用的CSS */
/** end **/
/** forum **/
/* 论坛 所有模块使用的CSS */
/** end **/
实现模块化css分部加载!格式固定多个模块用”, “隔开例如:
/** misc::invite,group,forum::viewthread,portal::view,home::space **/ 这个文件的分部加载是对应程序地址例如:forum.php?mod=forumdisplay, 应当按照 CURSCRIPT::$mod 格式写即:forum::forumdisplay。
篇五:CSS 背景属性
CSS 背景属性(Background)
属性
描述
在一个声明中设置所有的背景属性。 设置背景图像是否固定或者随着页面的其余部分滚动。 设置元素的背景颜色。 设置元素的背景图像。 设置背景图像的开始位置。 设置是否及如何重复背景图像。 CSS 边框属性(Border 和 Outline)
属性
描述
在一个声明中设置所有的边框属性。 在一个声明中设置所有的下边框属性。 设置下边框的颜色。 设置下边框的样式。 设置下边框的宽度。
设置四条边框的颜色。
CSS
1
1
1
1
1
1
CSS 1 1 2 2 1 1
在一个声明中设置所有的左边框属性。 设置左边框的颜色。 设置左边框的样式。 设置左边框的宽度。
在一个声明中设置所有的右边框属性。 设置右边框的颜色。 设置右边框的样式。 设置右边框的宽度。 设置四条边框的样式。
在一个声明中设置所有的上边框属性。 设置上边框的颜色。 设置上边框的样式。 设置上边框的宽度。 设置四条边框的宽度。
在一个声明中设置所有的轮廓属性。 设置轮廓的颜色。 设置轮廓的样式。
设置轮廓的宽度。
CSS 文本属性(Text)
属性
描述
设置文本的颜色。
规定文本的方向 / 书写方向。
设置字符间距。
1 2 2 1 1 2 2 1 1 1 2 2 1 1 2 2 2 2
CSS
1 2 1
设置行高。
规定文本的水平对齐方式。 规定添加到文本的装饰效果。 规定文本块首行的缩进。 text-shadow 规定添加到文本的阴影效果。 控制文本的大小写。 设置文本方向。
规定如何处理元素中的空白。
设置单词间距。
CSS 字体属性(Font)
属性
描述
在一个声明中设置所有字体属性。 规定文本的字体系列。 规定文本的字体尺寸。 为元素规定 aspect 值。 收缩或拉伸当前的字体系列。 规定文本的字体样式。 规定文本的字体样式。
规定字体的粗细。
1 1 1 1 2 1 2 1 1
CSS
1 1 1 2 2 1 1 1
CSS 外边距属性(Margin)
属性
描述
在一个声明中设置所有外边距属性。 设置元素的下外边距。 设置元素的左外边距。 设置元素的右外边距。
设置元素的上外边距。
CSS 内边距属性(Padding)
属性
描述
在一个声明中设置所有内边距属性。 设置元素的下内边距。 设置元素的左内边距。 设置元素的右内边距。
设置元素的上内边距。
CSS 列表属性(List)
属性
描述
在一个声明中设置所有的列表属性。 将图象设置为列表项标记。 设置列表项标记的放置位置。 设置列表项标记的类型。 marker-offset
CSS 1 1 1 1 1
CSS 1 1 1 1 1
CSS 1 1 1 1 2
内容生成(Generated Content)
属性
描述
与 :before 以及 :after 伪元素配合使用,来插入生成内容。 递增或递减一个或多个计数器。 创建或重置一个或多个计数器。 设置嵌套引用的引号类型。 CSS 尺寸属性(Dimension)
属性
描述
设置元素高度。 设置元素的最大高度。 设置元素的最大宽度。 设置元素的最小高度。 设置元素的最小宽度。 设置元素的宽度。 CSS 定位属性(Positioning)
属性 描述
设置定位元素下外边距边界与其包含块下边界之间的偏移。
CSS
2
2
2
2
CSS
1
2
2
2
2
1
CSS 2
小学作文