栏目头部广告

结婚证制作生成器app下载指南

打开 css 目录下的 style.css文件,编写index.html 页面文件需要的样式代码。1)重置默认边距

有些HTML元素默认包含边距样式,如<body>元素就包含了8px的外边距(margin)<ul>元素包含了lem 的上、下外边距(margin)和 40px的左侧内边距(padding)。默认的边距样式会影响 HTML元素的显示效果,利用CSS 样式的层叠特性,我们通过重定义将 margin 和 padding 属性值设为0覆盖默认属性值,从而消除默认边距。在style.css 文件中添加如下代码:

结婚证制作生成器app下载指南(图1)

*选择器代表所有元素,我们通常在CSS样式文件的开头添加以上代码,用来清除所有元素的内边距和外边距。对于有特殊边距需求的元素,在相应的选择器中再进行定义即可。

2)<body>标签


一个网页中不同元素中的主体文字样式应尽量统一,根据CSS样式的继承性,我们通常在<body>标签中定义网页的文本样式,包括字体、字号、颜色等属性。我们给首页中的文字设置样式。在 style.css 文件中添加如下代码:


3)<div>标签

id属性值为container 的<div>标签的作用是控制网页中另外8个小区块的宽度和位置。“中国诗词”网站首页采用固定布局,需要给网页定义一个固定的宽度。目前主流计算机显示器的分辨率都在1028px以上,因此,我们为首页设定1000px的整体宽度,这能保证所有浏

览器完整地显示全部网页,取整数值也便于计算每个小区块的宽度。由于HTML元素的宽度小于最大化时窗体的宽度,因此为了效果,区块需要水平居中显示,这可以通过设置外边距

(margin)来实现。在 style.css文件中使用id选择器#container 定义样式,代码如下:


标签:
文章详情页广告

随便看看

底部广告