CSS基础详解-1+CSS概述.pdf

Java HTML CSS Script 结构 样式 行为 HTML部分内容回顾 • HTML的整体结构 • 文字、段落、列表和超链接 ol li…/li li…/li /ol 超链接：a href=―‖链接文字/a • 表格的使用: tabletr td.../td/tr/table HTML部分内容回顾 • 表单的使用: form…/form – 表单中的常用控件: input type=―text‖ …/ (password、button) input type=―submit‖…/ input type=―checkbox‖ / input type=―radio‖ / textarea../textarea select name=―‖ option value=―‖…/option option value=―‖…/option /select HTML部分内容回顾 • 框架的使用 – frameset rows=―20%,*‖ frame src=―‖ / ….. /frameset – iframe src=―‖ /iframe 第三章CSS 第1节 (1)CSS概述 主要内容 CSS概述 CSS的基本语法 选择器 CSS样式表的使用 从Word的样式说开去 Word中什么是内容？ 什么是样式？ Word中一个样式可以控制多个文本，有什 么好处？ 网页中的内容和样式 网页中的内容和样式 例：notice_html.html 思考：哪些是内容？哪些是样式？ 内容和样式混在一起存在什么问题？ 网页中内容和样式能否分离呢？ 从HTML代码说起 用HTML标记控制样式的缺点 标记不足 网页过“胖” 维护困难 定位困难 • HTML对字号、字符间距、行高等设置能力的不足； • 内容和样式混杂在一起，增加大量不必要的重复样式代 码，并且使网页显得杂乱，阅读困难，维护困难； • 单纯使用html标记也难以精确的对网页元素进行定位 CSS概述 CSS: Cascading Style Sheet—层叠样式表 CSS 可以控制网页样式，实现网页的内容和样式分离 HTML CSS CSS是不是很难？ p{ color:blue; 上手很容易，精通要下一定的功夫。} 主要内容 CSS概述