HTML5&CSS3网页制作:文本外观属性.pptx
2022-06-01 11:04:23 439KB HTML5 CSS3
HTML5&CSS3网页制作:元素的定位属性.pptx
2022-06-01 11:04:20 445KB HTML5 CSS3
文本样式属性--字体样式属性 字体样式属性 为了更方便的控制网页中各种各样的字体,CSS提供了一系列的字体样式属性。 6 @font-face属性用于定义服务器字体。 7 word-wrap属性用于长单词和URL地址的自动换行 1 font-size属性用于设置字号。 2 font-family属性用于设置字体。 3 font-weight属性用于定义字体的粗细。 4 font-style属性用于设置变体(字体变化)。 5 font属性用于对字体样式进行综合设置。 字体样式属性 01 font-size属性 相对长度单位 说明 em 相对于当前对象内文本的字体尺寸 px 像素(推荐) 绝对长度单位 in 英寸 cm 厘米 mm 毫米 pt 点 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。 说明: 定义: font-family属性 定义: font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。 说明: 若字体名中包含空格、#、$等符号,则该字体必须加单引号或双引号。 中文字体需要加英文状态下的引号,英文字体一般
2022-06-01 11:04:16 427KB HTML5 CSS3 网页
过渡2 transition-duration属性 01 定义和用法 问题:在使用transition-property 属性指定过渡后,但在实际观察时并没有体现过渡的存在。 解决方法:css3中的transition-duration属性,用于规定完成过渡效果需要花费的时间(以秒或毫秒计)。 语法格式: transition-duration: time 定义和用法 兼容性:Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 属性。Safari 支持替代的 -webkit-transition-duration 属性。 Internet Explorer 9 以及更早版本的浏览器不支持 transition-duration 属性; time:规定完成过渡效果需要花费的时间,单位为秒(s)和毫秒(ms),默认值是 0,意味着不会有效果。 定义和用法 例:使用transition-duration属性为元素背景色的改变设置过渡时间为2秒