css3新增功能
1、css3新增的超级选择器:属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器
2、使用选择器在页面中插入文字、图片、项目编号等内容
3、文字阴影与自动换行
4、各类盒模型:总体分为block类型和in line类型,在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型
5、盒模型相关的属性:overflow属性(内容溢出)、box-shadow属性(盒阴影)、box-sizing属性(宽高计算)
6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性
7、新增的边框样式:border-radius属性(圆角边框)、border-image属性(图片边框)
8、新增的 transform变形功能:rotate(旋转)、scale(缩放)、skew(倾斜)、translate(移动)
9、新增的动画功能:transition(平滑过渡)、animation(关键帧)
10、布局相关样式:多栏布局、盒布局、弹性盒布局
11、兼容性问题
html怎么在文字两边插入横线
1.新建一个html文件,命名为test.html。
2.在test.html文件内,使用p标签创建一行文字,文字内容为“用css在字的中间加一条横线”。
3.在test.html文件内,给p标签设置class属性,属性值为myp,主要用于下面通过该class来设置css样式。
4.在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5.在css标签内,通过p标签的class属性myp来设置p标签内文字的css样式,样式写在花括号内。
6.在css标签内,在花括号内,将text-decoration属性设置为line-through,实现给文字中间加一条横线的效果。
7.在浏览器打开test.html文件,查看实现的效果。
css使用哪个属性定义段落行高
表示行高的css属性是line-height,该属性可以设置行间的距离(行高),语法“line-height:值;”,属性值不可为负数。在应用到一个块级元素时,line-height属性定义了该元素中基线之间的最小距离而不是最大距离。
本教程操作环境:windows7系统、CSS3版、Dell G3电脑。
表示行高的css属性是line-height。
line-height 属性可以设置行间的距离(行高);不允许使用负值。
line-height属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
line-height属性可以设置的属性值:
值 描述
normal 默认。设置合理的行间距。
number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。

