使用HTML开发商业网站
CSS3 核 心 基 础
HTML5的优势
3/69
什么是CSS
CSS（Cascading Style Sheet，层叠样式表）是一种格式化网页的标准方式，它扩展了 HTML 的功能，使网页设计者能够以更有效的方式设置网页格式。
(CSS禅意花园）
一个简单实例
使用 html 方式
使用 css 方式
一级标题
…其他正文…
一级标题
一级标题
…其他正文…
一级标题
CSS的优势 简化格式设置
2022-07-11 13:05:20
2.94MB
使用HTML开发商业网站
布局及常用属性
布局概述
为什么要应用布局？
布局概述
阅读报纸时会发现，虽然报纸中的内容很多，但
是经过合理地排版，版面依然清晰、易读。
1.确定版心
什么是版心？以某教育网站首页为例：
布局概述
布局概述
2.分析页面中的模块
布局概述
3.控制网页的各个模块
布局常用属性
应用排列
图文排列
论坛分享
布局常用属性
什么是浮动？
布局常用属性
布局常用属性
属性值
描述
left
元素向左浮动
right
元素向右浮动
none
元素不浮动（默认值）
布局常用属性
为什么要清除浮动？
布局常用属性
布局常用属性
如何清除浮动？
布局常用属性
运用clear属性清除浮动
属性值
描述
left
不允许左侧有浮动元素（清除左侧浮动的影响）
right
不允许右侧有浮动元素（清除右侧浮动的影响）
both
同时清除左右两侧浮动的影响
常用属性值
布局常用属性
布局常用属性
空标签
overflow
after伪对象
在浮动元素之后添加空标签，并对该标签应用“clear:both”样式，可清除浮动。这个空标签可以为
、
等任何标签。 “
、
等任何标签。 “
2022-07-11 13:05:19
3.72MB
使用HTML开发商业网站
CSS 选 择 器
5种选择器
HTML标记符选择器
id选择器（id与#idname）
class选择器（class与.classname）
虚类选择器
a:link a:visited a:hover a:active (LoVeHAte)
分组选择器
HTML标记符选择器&分组
id选择器
#container {
width: 46em;
margin: 0 auto;
border: 1px solid #000000;
}
class选择器
虚类选择器
2022-07-10 14:07:30
61KB
使用HTML开发商业网站
CSS控制视频的高度
CSS控制视频的宽高
注意：
通过width和height属性来缩放视频，这样的视频即使在页面上看起来很小，但它的原始大小依然没变，因此在实际工作中要运用视频处理软件（如“格式工厂”）对视频进行压缩。
谢谢大家
2022-07-10 14:07:29
145KB
使用HTML开发商业网站
伪 元 素 选 择 器
伪元素选择器
<元素>:before
{
content:文字/url();
}
伪元素选择器
伪元素选择器
谢谢大家
2022-07-10 14:07:29
147KB
使用HTML开发商业网站
表单控件-textarea控件
表单控件
表示多行文本框控件，其基本语法格式如下：
表单控件
textarea可选属性
属性
属性值
描述
name
由用户自定义
控件的名称
readonly
readonly
该控件内容为只读（不能编辑修改）
disabled
disabled
第一次加载页面时禁用该控件（显示为灰色）
表单控件
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不同浏览器效果是不一样的，不过更好的办法是使用 CSS
2022-07-10 14:07:28
188KB
使用HTML开发商业网站
布局其他属性
布局其他属性
overflow属性可以解决溢出问题，其基本语法格式如下：
选择器{overflow:属性值;}
overflow属性的常用值有四个，具体如下表所示。
属性值
描述
visible
内容不会被修剪，会呈现在元素框之外（默认值）
hidden
溢出内容会被修剪，并且被修剪的内容是不可见的
auto
在需要时产生滚动条，即自适应所要显示的内容
scroll
溢出内容会被修剪，且浏览器会始终显示滚动条
布局其他属性
谢谢大家
2022-07-10 14:07:27
209KB
使用HTML开发商业网站
表单控件-select
表单控件
浏览网页时，经常会看到包含多个选项的下拉菜单。
表单控件
使用select控件定义下拉菜单的基本语法格式如下：
表单控件
使用HTML开发商业网站
结构化伪类选择器
结构化伪类选择器
常用的结构化伪类选择器有
结构化伪类选择器
结构化伪类选择器
结构化伪类选择器
结构化伪类选择器
结构化伪类选择器
结构化伪类选择器
结构化伪类选择器
谢谢大家
2022-07-10 14:07:25
227KB
使用HTML开发商业网站
标签属性
表格
2022-07-10 14:07:23
249KB