网页制作必须设置的一些属性

1、清除元素的默认属性

*{

margin:0;

padding:0;

}

2、vertical-align 属性设置元素的垂直对齐方式。

vertical-align:middle/top/bottom/text-top/text-bottom

3、div是块级元素,块级元素必须在新行中开始;

Span是行内元素,可以与其他元素位于同一行。

4、在CSS中

list-style-image可以把图像设置为列表中的项目符号;

list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等

5、display:block/inline/table...

规定元素的类型,

display:block 将元素定义为块级元素;

display:inline 将元素定义为内联元素;

display:table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。

6、overflow 属性规定当内容溢出元素框时发生的事情

overflow:hidden(隐藏)/scroll(以滚动条形式呈现 )/visible(默认值)

时间: 2024-08-12 14:27:53

网页制作必须设置的一些属性的相关文章

网页制作知多少

网页制作知多少 一.通用模板: <!DOCTYPE html> <html lang=”en”> <head> <meta  charset=”UTF-8”/> <title>文档标题</title> <link  rel="shortcut icon"  href="img\wujiaoxing.ico"/>       <!--设置标题图标--> </head&

网页制作中的背景处理

在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280.1440.1600.1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区进行一些处理. 下面是一般的做法. 1.用一个图片来做背景,其余的地方填充颜色. ①背景图很大,不铺: ②背景图片很长,只是横向铺而纵向不铺: ③一张图片横向纵向都铺. 根据效果选择,关键是背景图片的处理. 2.留白的地方要

第一天:网页制作基础

第一章:网页制作基础 2016-7.18 20:40---23:42 1-1 网站的概述 网页与网站网站是由许多的网页构成的 新浪网是网站浏览器:国外流行的浏览器为火狐,国内为360安全浏览器,用最多的是电脑自带的IE网页的基本元素:网页标题.LOGO.导航栏(顶部或者左边).文本(最基本信息).超链接(必不可少).图片.表单(文本框.按钮) 1-2 初识Dreamweaver制作网站的流程:规划网站类型及主题 .搜集资料素材.使用软件进行网页制作.测试及发布网页三剑客:Dreamweaver(

HTML、DIV+CSS网页制作中排版混乱的几种常见的情况

对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需要的位置,或者出现页面重叠的现象.以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结,不足之处,希望大家互相补充学习. )DIV+CSS网页错位的原因与解决方法 常常我们会遇到我们要设置在一行显示的布局,却因为种种原因造成了错位,看到结果是在一行的最后一个盒子布局错位掉下去了

网页制作标准

网页制作标准概要 (程序员适用) 本文讨论的网页设计标准为WEB标准中典型的应用模式 "DIV+CSS". 希望大家只把这种应用模式当成结构表现分离,代码规范严格的优秀思想即可.建议大家要去消化而不是模仿,不管什么技术,什么口号,什么方法,我们的目的只有一个--我们要做到网页的最优化. 备注:"DIV+CSS"只是具体的实现技术手段,并不能涵盖web标准. 一.实施目的与效果 对于网站浏览用户 1. 文件下载与页面显示速度更快. 2. 内容能被手机访问到. 3. 用

《SEO在网页制作中的应用》视频笔记

学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个关键字对应很多网址,搜索引擎爬虫从一个链接到另一个链接,分析提炼其中的内容,找到关键字,如果是重要的或是首次出现的内容,就会添加到搜索引擎数据库,如果是垃圾内容或是重复内日你给,爬虫就会略过.当用户(比如在百度)搜索信息时,搜索引擎就从数据库检索出与之相关的网址,然后展示给用户,因为一个关键字可以对应很多网址

静态网页制作

总结下工作.问,为什么开始看到这个作业的时候不知道如何下手呢? 现在完成了,知道该怎么去分解这个网页,以图中的分割线为准,可以这样细分: 这样,再根据每个模块去细分,首先看header这个模块,可以看到有个logo大图标,然后紧跟着是导航条. 刚开始想把这两部分作为两个平级div嵌套在div header里面,不过后面因为,哪个黄色的背景图要嵌套在logo字下面,所以最后的布局是这样的. 这里调试ul中的float:left,不是很清楚为啥会出现这种情况.这里让ul,li设置为float:lef

Dreamweaver CS5网页制作教程

说到Dreamweaver这个网页制作神器,不由得想起在学校里上的选修课,那是的我们只知道 table 布局,只知道构建网站最方便的是使用"所见即所得"编辑器.回忆一下,真的是很怀旧啊! 虽说咱现在大部分时间都在用sublimeText和eclipse,但是想要入门web前端,Dreamweaver的学习是必不可少的,他能帮助我们了解最基本的页面构成,了解图片相关的特性,了解什么是页面样式.... 现在看Dreamweaver,他就是一个集成众多功能的编辑器,即使他有一些不太惹嫌的bu

浅谈网页制作

在开发一个完整的网页之前,我们首先应该做好一些相关的准备,例如切片,布局,测量网页版心等.准备工作完成之后,我们就可以进行网页开发了. 测量网页尺寸大小的准确性可以直接影响最后网页的布局,所以尽量细心一些. 对于布局,我觉得最关键的一点是,对网页大局观的认识. 布局完成后我们就可以使用css来控制网页的样式: 对于每个网页的制作我想都有一些相同的全局样式 例如(*{margin:0;padding:0;list-style:none等等})一般情况下在做正式的网页开发我们一般不用*通配符因为它的