如何确定要对DIV设置什么CSS属性样式呢?
2014-07-06 22:29
676 查看
设置什么CSS样式不是凭空想象的而是有参考的,一般分三种情况下得到需要知道设置什么样式。
第一种:没有美工图,自己边思考布局
这种没有美工图也没有可参考的情况下DIV CSS布局,根据自己实际构思的想法来布局设置CSS,比如布局左右结构时候,那就设置float:left和float:right实现对象靠左靠右,然后思考靠左靠右布局宽度多少,再设置宽度样式。
这种情况下布局网页比较慢,想一点布局一点,可能在思考到布局成功后要达到理想美观效果,可能不断修改CSS样式参数达到细节调整,这样比较耗时,但也是可以知道自己想要布局什么CSS样式。
第二种:查看别人网站网页进行布局
这种情况下,没有美工图,但想和别人网页布局相同(或部分相同),这个时候就要以参考网站为对象,观察或分析对方网站宽度多少、是否有边框、背景样式等样式,根据分析的或获得的样式进行布局设置CSS。当然如果你能知道如何分析对方代码(html和css),可以直接复制对方对应代码进行使用(在DIVCSS5课堂第一节课也会教大家如何快速获得别人网站代码)。
第三种:有美工图情况 进行CSS布局网页
有美工图是相对其它两种布局比较好确定CSS样式的,一切需要设置样式包括样式值都可以从美工图上分析和获取到。
比如设置字体颜色,可以直观直接看到需要设置字体颜色样式,并通过软件获取美工图的对应颜色值,即可布局好所需css字体颜色。
当然在divcss5培训第三节课也教大家如何使用软件与如何获取宽度、背景图片、颜色等样式。
第一种:没有美工图,自己边思考布局
这种没有美工图也没有可参考的情况下DIV CSS布局,根据自己实际构思的想法来布局设置CSS,比如布局左右结构时候,那就设置float:left和float:right实现对象靠左靠右,然后思考靠左靠右布局宽度多少,再设置宽度样式。
这种情况下布局网页比较慢,想一点布局一点,可能在思考到布局成功后要达到理想美观效果,可能不断修改CSS样式参数达到细节调整,这样比较耗时,但也是可以知道自己想要布局什么CSS样式。
第二种:查看别人网站网页进行布局
这种情况下,没有美工图,但想和别人网页布局相同(或部分相同),这个时候就要以参考网站为对象,观察或分析对方网站宽度多少、是否有边框、背景样式等样式,根据分析的或获得的样式进行布局设置CSS。当然如果你能知道如何分析对方代码(html和css),可以直接复制对方对应代码进行使用(在DIVCSS5课堂第一节课也会教大家如何快速获得别人网站代码)。
第三种:有美工图情况 进行CSS布局网页
有美工图是相对其它两种布局比较好确定CSS样式的,一切需要设置样式包括样式值都可以从美工图上分析和获取到。
比如设置字体颜色,可以直观直接看到需要设置字体颜色样式,并通过软件获取美工图的对应颜色值,即可布局好所需css字体颜色。
当然在divcss5培训第三节课也教大家如何使用软件与如何获取宽度、背景图片、颜色等样式。
相关文章推荐
- 怎么确定要对DIV设置什么CSS属性样式
- 用css定义一个div,如何用js取得样式的属性呢?
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- div+css滚动条属性及样式设置
- 一个CSS文件内如何设置多个body及多个DIV样式,并给出页面如何调用
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- 用DIV+CSS布局中,如何设置图片与文字在同一高度?
- c# asp.net 后台设置div的css属性,设置style
- css 如何设置 某div 里面的所有图片的最大宽度。当加入文章里图片时,图片自动按比例减小。
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- 如何利用CSS给同一个网页中的超链接设置设置不同的样式?
- div+css使用backgroundRepeat样式设置背景图片的显示方式
- net 后台设置div的css属性,设置style
- div滚动条属性及样式设置
- DIV+CSS如何控制html标签li的样式,比如删除前面的点
- 2天驾驭DIV+CSS 之四 CSS如何控制页面样式
- div滚动条属性及样式设置