十二课讲解下

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>加粗的文字</b>7、文字下划线：text-decoration:underline;<u>添加下划线文字</u>8、文字删除线：text-decoration:line-through;<del>删除线</del>9、文字上划线：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:Italic<i>斜体文字</i>14、文字上下标：^上标内容_下标内容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:外边距/**/border:表格边框width:表格宽度height:表格高度css属性样式讲解border-collapse定义和用法：属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的HTML中那样分开显示。值描述separate默认值。边框会被分开。不会忽略border-spacing和empty-cells属性。collapse如果可能，边框会合并为一个单一的边框table-layout定义和用法属性用来显示表格单元格、行、列的算法规则值描述automatic默认。列宽度由单元格内容设定。fixed列宽由表格宽度和列宽度设定。css属性样式讲解vertical-align定义和用法：text-align:center;属性设置元素的垂直对齐方式值描述baseline默认。元素放置在父元素的基线上sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐