标签:等于 col 计划 html+css enter set tle char 完全
web的衰落:
在web早期(1990-1993),html是一个很局限的语言。几乎完全由用于描述段落,超链接,列表和标题的结构化元素组成。随着万维网的出现(用户交互体验的加强),对html的要求越来越大,人们迫切需要html增加新的元素,去完成一个特定的功能
迫于压力,html开始出现<font>,<i> , <s>
等标签。但是html是一种描述结构的语言,也开始描述外在表现了。几年之后这种随便的做法暴露出严重的问题:1:由于html既写结构又写样式,导致页面缺乏结构性,降低了网页的可访问性;2:页面维护越来越困难。
大救星CSS
Css支持更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色;允许在任何元素外围设置边框;允许改变文本的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本
。示例分析:
有一个标题(H1), 还有一些段落(P)
标题是居中的, 段落也是居中的. 所以我们可以设置H标签和P标签的align属性等于center来实现
标题和段落都有颜色,都有字体,都有大小, 所以需要给文字包裹一个font标签, 然后通过font标签来设置颜色和字体以及大小
<h1 align="center"> <font face="微软雅黑" color="red">成功法则</font> </h1> <p align="center"> <font face="微软雅黑" color="blue" size="5">迟到毁一生</font> </p> <p align="center"> <font face="微软雅黑" color="blue" size="5">早退穷三代</font> </p> <p align="center"> <font face="微软雅黑" color="blue" size="5">按时上下班</font> </p> <p align="center"> <font face="微软雅黑" color="blue" size="5">必成高富帅</font> </p>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-体验CSS</title> <style type="text/css"> h1{ text-align: center; color: red; font-family: "微软雅黑"; } p{ text-align: center; color: blue; font-size: 20px; } </style> </head> <body> <h1>成功法则</h1> <p>迟到毁一生</p> <p>早退穷三代</p> <p>按时上下班</p> <p>必成高富帅</p> </body> </html>
所以在企业开发中修改样式都是交给CSS来做.
CSS格式
<style type="text/css"> 标签名称{ 属性名称: 属性对应的值; ... } </style>
注意点:
key: value;
其中冒号:不能省略, 分号大多数情况下也不能省略(当有多个属性时, 最后一个可以省略)CSS怎么学?
标签:等于 col 计划 html+css enter set tle char 完全
原文地址:http://www.cnblogs.com/KnightKitt/p/6376436.html