css讲解下十二课.pptx

css样式讲解(下)潭州学院主讲：清心

本章内容css控制文本样式一css控制表格样式二

文字效果大全1、控制文字大小：font-size:12px;2、控制文字颜色：color:red;3、控制文字字体：font-family:宋体;4、文字距中对齐：text-align:center;5、文字竖直方向距中：line-height:35px;6、控制文字粗细：font-weight:bold;b加粗的文字/b7、文字下划线：text-decoration:underline;u添加下划线文字/u8、文字删除线：text-decoration:line-through;del删除线/del9、文字上划线：text-decoration:overline10、竖排文字显示：writing-mode:tb-rl;t-topb-bottomr-rightl-left11、文字背景颜色：background-color:red;12、文字首字下沉：:first-letter{font-size:300%;float:left;color:yellow;}13、控制文字斜体：font-style:Italici斜体文字/i14、文字上下标：sup上标内容/supsub下标内容/sub

writing-mode属性讲解一：语法：writing-mode：horizontal-tb|vertical-rl|vertical-lr|lr-tbIE|tb-rlIE默认值：normal适用于：除table-row-group,table-column-group,table-row,table-column之外的所有元素继承性：有取值：horizontal-tb：水平方向自上而下的书写方式。即left-right-top-bottom（类似IE私有值lr-tb）vertical-rl：垂直方向自右而左的书写方式。即top-bottom-right-left（类似IE私有值tb-rl）vertical-lr：垂直方向自左而右的书写方式。即top-bottom-left-rightlr-tb：左-右，上-下。对象中的内容在水平方向上从左向右流入，后一行在前一行的下面。所有的字形都是竖直向上的。这种布局是罗马语系使用的（IE）tb-rl：上-下，右-左。对象中的内容在垂直方向上从上向下流入，自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的，半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的（IE）此属性效果不能被累加使用。例如，父对象的此属性值设为tb-rl，子对象再设置该属性将不起作用，仍应用父对象的设置。

first-letter属性讲解一：定义和用法:first-letter伪元素向文本的第一个字母添加特殊样式。这个伪元素用于指定一个元素第一个字母的样式。所有前导标点符号应当与第一个字母一同应用该样式。某些语言有一些要处理为单个字符的字母组合，如果是这样，用户代理可能会把首字母同时应用到这个字母组合。二：注释：下列属性应用于:first-letter伪元素?font属性color属性background属性line-height属性?margin属性padding属性border属性?text-decoration?vertical-align(仅当float为none时)?text-transform//定义字母的大小写?float?clear//清楚浮动你还做网站吗？你还做网站吗？

text-transform属性讲解定义和用法text-transform属性控制文本的大小写。说明这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为capitalize，则要对某些字母大写，但是并没有明确定义如何确定哪些字母要大写，这取决于用户代理如何识别出各个“词”。

表格属性讲解定义和用法table标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行，th元素定义表头，td元素定义表格单元。常用属性colspan:单元格可横跨的列数(合并列)rowspan:属性规定单元格可横跨的行数（合并行）css样式border-collapse:可以定义边框的合并和分离table-layout:可以设定单元格是否根据内容自适应宽度vertical-align:属性设置元素的垂直对齐方式padding:内边距margin