使用HTML开发商业网站 设 置 文 本 样 式 字体属性 font-family,取值为字体名称 font-style (normal/italic/oblique) font-weight (normal/bold/bolder/lighter/100/…) font-size (绝对大小/相对大小/长度值/百分比) font ([ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'>) 字体属性 文本属性 line-height (2em/200%/2) text-align(left/right/center/justify) text-decoration(none/underline/overline) text-indent (2em) 文本属性 颜色与背景属性 color background-color background-image(url(URL)) background-attachment(sc
2022-07-10 14:07:22 281KB HTML
使用HTML开发商业网站 块元素垂直外边距的合并 块元素垂直外边距的合并 当两个相邻或嵌套的块元素相遇时,其垂直方向的外边距会自动合并,发生重叠。了解块元素的这一特性,有助于设计者更好地使用CSS进行网页布局。 本节将针对块元素垂直外边距的合并进行详细地讲解。 块元素垂直外边距的合并 相邻元素垂直外边距的合并 块元素垂直外边距的合并 嵌套元素垂直外边距的合并 谢谢大家
2022-07-10 14:07:22 294KB HTML
使用HTML开发商业网站 CSS控制单元格宽和高 CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的具体方法。 CSS控制表格样式 td{ width:20px; Height:20px; } 1. 单元格的宽度和高度,有着和其它元素不同的特性,主要表现在单元格之间的互相影响上。 2. 对同一行中的单元格定义不同的高度,或对同一列中的单元格定义不同的宽度时,最终的宽度或高度将取其中的较大者。 谢谢大家
2022-07-10 14:07:20 301KB HTML
使用HTML开发商业网站 视频/音频嵌入技术 视频音频嵌入技术概述 视频音频嵌入技术概述 运用HTML5的video和audio标签可以在页面中嵌入视频或音频文件,如果想要这些文件在页面中加载播放,还需要设置正确的多媒体格式。 视频音频嵌入技术概述 很多浏览器已经实现了对HTML5中video和audio元素的支持 浏览器 支持版本 IE 9.0及以上版本 Frefox 3.5及以上版本 Opear 10.5及以上版本 Chrome 3.0及以上版本 Safari 3.2及以上版本 视频文件和音频文件的格式 视频格式 Ogg MPEG4 WebM 音频格式 Ogg MP3 Wav 视频文件和音频文件的格式 谢谢大家
2022-07-10 14:07:20 308KB HTML
使用HTML开发商业网站 元 素 的 类 型 和 转 换 元素的类型和转换 在使用这些标签的时候,我们会发现有些标签可以设置宽度和高度属性(如p标签),有些标签则不可以(如strong标签)。这是因为标签有着特定的类型,不同类型的标签可以设置的属性也不同。 本节将详细讲解标签元素的类型和装换方法。 元素的类型和转换 在页面中以区域块的形式出现。 每个块元素通常都会独自占据一整行或多整行。 可以对其设置宽度、高度、对齐等属性。 不占有独立的区域。 仅仅靠自身的字体大小和图像尺寸来支撑结构。 一般不可以设置宽度、高度、对齐等属性。 元素的类型和转换

使用HTML开发商业网站 创建表单 表单 表单是可以通过网络接收其他用户数据的平台,例如注册页面的账户密码输入、网上订货页等,都是以表单的形式来收集用户信息,并将这些信息传递给后台服务器,实现网页与用户间的沟通对话 表单 以电商注册页面为例,分析表单的构成。 提示信息 表单域 表单控件 表单 相当于一个容器,用来容纳所有的表单控件和提示信息。 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息 表单控件 表单域 表单
各种表单控件
表单 表单属性 表单
账号: 密码: 2022-07-10 14:07:18 350KB HTML
使用HTML开发商业网站 CSS 高 级 特 性 CSS高级特性 所谓层叠性是指多种CSS样式的叠加。例如,当使用内嵌式CSS样式表定义

标记字号大小为12像素,链入式定义

标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。 CSS高级特性 所谓继承性是指书写CSS样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。例如,定义主体元素body的文本颜色为黑色,那么页面中所有的文本都将显示为黑色,这是因为其他的标记都嵌套在标记中,是标记的子标记。 CSS高级特性 并不是所有的CSS属性都可以继承,例如,下面的属性就不具有继承性: 边框属性 外边距属性 内边距属性 背景属性 定位属性 布局属性 元素宽高属性 CSS高级特性 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。为了体验CSS优先级,首先来看一个具体的例子,其CSS样式代码如下: p{ color:red;} /*标记样式*/ .blue{ color:green;} /*class样式*/ #header{ color:blue;}

2022-07-10 14:07:17 379KB HTML
使用HTML开发商业网站 文本控制标签 文本控制标签 无论网页内容如何丰富,文字自始至终都是网页中最基本的元素。为了使文字排版整齐、结构清晰,HTML中提供了一系列文本控制标签,如标题标签

~

、段落标签

等 本节将对文本控制标签进行详细讲解。 文本控制标签 文本控制标签 文本控制标签 文本控制标签 属性名 含义 属性值 align 设置水平线的对齐方式 可选择left、right、center三种值,默认为center,居中对齐显示。 size 设置水平线的粗细 以像素为单位,默认为2像素。 color 设置水平线的颜色 可用颜色名称、十六进制#RGB、rgb(r,g,b)。 width 设置水平线的宽度 可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%。 文本控制标签 文本控制标签 文本样式标记用来控制网页中文本的字体、字号和颜色。 文本控制标签 属性名 含义 face 设置文字的字体,例如微软雅黑、黑体、宋体等 size 设置文字的大小,可以取1到7之间的整数值 color 设置文字的颜色 文本样式标记常用属性 文本控制标签 标记 显示效果

2022-07-10 14:07:16 397KB HTML
使用HTML开发商业网站 标签属性 表格 属性名 含义 常用属性值 width 设置单元格的宽度 像素值 height 设置单元格的高度 像素值 align 设置单元格内容的水平对齐方式 left、center、right valign 设置单元格内容的垂直对齐方式 top、middle、bottom bgcolor 设置单元格的背景颜色 预定义的颜色值、十六进制#RGB、rgb(r,g,b) background 设置单元格的背景图像 url地址 colspan 设置单元格横跨的列数(用于合并水平方向的单元格) 正整数 rowspan 设置单元格竖跨的行数(用于合并竖直方向的单元格) 正整数 表格 60 60 表格 列合并colspan 行合并rowspan 删除 表格 学习的属性时需要注意以下几点: 在标签的属性中,重点掌握colspan和rolspan,其他的属性了解即可,不建议使用,均可用CSS样式属性替代。 当对某一个标签应用height属性设置高度时,该
2022-07-10 14:07:16 400KB HTML
使用HTML开发商业网站 CSS控制单元格边距 CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的具体方法。 CSS控制表格样式 th,td{ border:1px solid #30F; /*为单元格单独设置边框*/ padding:20px; /*为单元格内容与边框设置20px的内边距*/ margin:20px; /*为单元格与单元格边框之间设置20px的外边距*/ } CSS控制表格样式 学习CSS控制单元格边距时需要注意以下几点: 行标签无内边距属性padding和外边距属性margin。 外边距属性margin对单元格无效,要想设置相邻单元格边框之间的距离,只能对标签应用HTML标签属性cellspacing。 A B 谢谢大家
2022-07-10 14:07:15 410KB HTML