- 博客(17)
- 收藏
- 关注
原创 第九章DIV+CSS布局(第九次作业)
.all{ width: 810px;}.top{ width: 810px;}.menu{ margin-left: 150px;}.left{ width: 200px; float: left;}.center{ }h3{ margin-top: 3px; margin-bottom: 3px; text-align: center;}h4{ margin-top: -5px; margin-bo
2024-12-09 15:14:20
247
原创 第九章DIV+CSS布局
9.1 DIV+CSS概述DIV+CSS是Web设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。DIV组成了网页的格局,CSS则装饰了格局,比如建一栋房子,开始的架子是DIV,架子搭建好后开始装饰,这个装饰就是CSS样式。使用了DIV+CSS布局的网页,它使HTML语言变得越来越复杂化、专用化源码容易扩展,并且更加规整9.1.1 认识DIVdiv标签在 Web标准的网页中使用非常频繁,属于块状元素。
2024-12-09 15:12:28
966
原创 第8章利用CSS制作导航菜单
8.1 水平顶部导航栏水平菜单导航栏是网站设计中应用范围最广的导航设计,一般放置在页面的顶部。导航适用性强,几乎所有类型的网站都可以使用,设计难度较低。如果导航过于普通,无法容纳复杂的信息结构,就需要在内容模块较多的情况下,结合下拉子导航使用。8.1.1 简单水平导航栏的设计与实现8.1.1.1导航栏的创建<nav>标签是 HIML5新增的文档结构标签,用于标记导航栏,以便后续与网站的其他内容整合,所以常用<nav>标签在页面上创建导航栏菜单区域。
2024-12-09 15:03:24
717
原创 第七章利用CSS和多媒体美化页面
定义声音,比如音乐或其他音频流,此标签默认是隐藏的。所以,尽管在前面的章节中已经学习了表格的基本用法,但是设计者需要利用CSS设置表格样式的多样化,进而美化表格的外观。设计者为了改变这种最基本的超链接样式,利用前面章节所讲的伪类选择器,按照“a:link→a:visited→a:hover→a:active→”的顺序,设置不同的链接访问状态效果,为文本超链接添加复杂而多样的样式。<a>元素最重要的属性是href 属性,它指示链接的目标,如果未设置href属性,后续多个属性均无法使用,则只是超链接的占位符。
2024-12-09 14:38:24
798
原创 第六章元素应用CSS
6.1 使用CSS设置字体样式CSS 为了能对网页布局、字体、颜色、背景和其他图文效果实现更加精确的控制,定义了相当数量的属性。从本章开始逐一介绍网页设计的各种元素的CSS属性,进而实现格式化排版。6.1.1.字体类型字体具有两方面的作用:一是传递语义功能,二是有美学效应。由于不同的字体给人带来不同的风格感受,所以对于网页设计人员来说,首先需要考虑的问题就是准确地选择字体。
2024-12-09 14:03:59
761
原创 第五章CSS盒模型
Html代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>走进内心的文学</title> <style type="text/css"> @import url("../js/work9.css"); </style> </h
2024-12-09 13:52:49
660
原创 第五章CSS盒模型
5.1盒模型的定义Web页面上大部分的元素(特别是块状元素)都可以看作是一个盒子,W3C组织建议把所有网页上的对象都放在一个盒子(box)中,设计者可以通过创建定义来控制这个盒子的各种属性,这些对象包括段落、列表、标题、图片及层。盒子的结构可以看作一个矩形框,包括边框(border)、外边距(margin)、内边距(padding),以及元素内容(content),元素会在指定的高度和宽度范围内在页面上显示出来。它们之间的关系5.2 CSS元素的高度和宽度。
2024-12-09 13:50:34
567
原创 CSS样式基础
超链接文字的字体为“arial black”,字号为60px,颜色为#FFF,无下划线;税收贡献,促进当地就业,形成产业链带动效应,更重要的是通过创新的ICT解决方案打造数字化引擎,推动各行各业数字化转型,华为携手合作伙伴,为政府及公共事业机构,金融、能源、交通、制造等企业客户,提供。工和选拔干部,为员工提供了全球化发展平台、与世界对话的机会,使大量年轻人有机会担当重任,快速成长,也使得十几万员工。低碳的环保理念,从产品规划、设计、研发、制造、交付以及运维,华为向客户提供领先的节能环保产品。
2024-12-09 13:40:55
386
原创 第四章 CSS样式基础
4.1 CSS概述4.1.1.CSS的基本概念CSS全称为“Cascading Style Sheet”,中文解释为“层叠样式表”,它是以HTML为基础,设置网页的外观显示样式,如字体、颜色、背景的控制及整体的布局等,还可以针对不同的浏览器设置不同的样式。在网页设计时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,既可以改变同一页面的不同部分效果,也可以改变同一个网站中不同网页的外观和格式。4.1.2传统HTML的缺点。
2024-12-09 13:38:41
612
原创 表格布局与表单交互
<input type="checkbox" name="a1" value="sing"/>记住密码。<td><input type="radio" name="sex" value="male"/>管理员。<td align="center">用户名:
2024-12-09 13:27:12
327
原创 第2章总结
(2)根目录相对路径。超链接的另外一个叫法称为锚,它是使用<a>标签标记的,可以用两种方式表示,一是通过使用<a>标签的href属性来创建超文本链接,以链接到同一文档的其他位置或其他文档中,在这种情况下,当前文档就是链接的源,href属性的值就是URL的目标;所谓相值,是指线段的长度相对于窗口的宽度而定,窗口的宽度改变时,线段的长度也随之增减,默认值为100%,即始终当前窗口。一个网站是由多个页面组成的,创建超链接有利于页面与页面之间的跳转,从而将整个网站中的页面有机地连接起来,它是网页中至关重要的元素。
2024-09-19 21:56:00
497
原创 1.1 认识网页和网站
它们被称为标记,也称标签,是用来划分网页的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。如果说WWW是Intemet (因特网)上的一 一个大型图书馆, 那么图书馆的等-本书就是一个Web站点,而网页就是书中的某-页,页码就是网址,网址与页面- -对应, 多个网页关联组合在一起就成为一个Web站点。为了克服文本固有的缺点,人们赋予了网页中文本更多的属性,如字体、字号、颜色、底纹和边框等,通过不同格式的区别,突出显示重要的内容。在网页中,为了更有效地吸引浏览者的注意,许多网站的广告都做成了动画形式。
2024-09-13 10:04:08
1470
1
原创 1.1 认识网页和网站
(2) 网页中色彩的表达。为了克服文本固有的缺点,人们赋予了网页中文本更多的属性,如字体、字号、颜色、底纹和边框等,通过不同格式的区别,突出显示重要的内容。也可以指两种明显区分的色彩,包括色相对比、明度对比、饱和度对比、冷吸对比等,如黄和蓝,紫和绿,红和青。客户机和服务器:浏览网页是由个人计算机向Internet中的计算机发出请求,Internet中的计算机在接受到请求后响应请求,将需要的内容发到个人计算机上,这种发送请求的个人计算机称为客户机或客户端,而Inemel中的计算机称为服务器或服务端。
2024-09-13 08:27:55
805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅