Rumah >hujung hadapan web >html tutorial >怎么知道DIV设置什么CSS属性样式?

怎么知道DIV设置什么CSS属性样式?

php中世界最好的语言
php中世界最好的语言asal
2017-11-22 17:40:322153semak imbas

怎么知道DIV设置什么CSS属性样式?通常我们是要考虑三个方面来综合判断的,没有美工图,有美工图,以及结合同行网站,下面就给大家详细介绍一下。

设置什么CSS样式不是凭空想象的而是有参考的,一般分三种情况下得到需要知道设置什么样式。

第一种:没有美工图,自己边思考布局

这种没有美工图也没有可参考的情况下DIV CSS布局,根据自己实际构思的想法来布局设置CSS,比如布局左右结构时候,那就设置float:left和float:right实现对象靠左靠右,然后思考靠左靠右布局宽度多少,再设置宽度样式。

这种情况下布局网页比较慢,想一点布局一点,可能在思考到布局成功后要达到理想美观效果,可能不断修改CSS样式参数达到细节调整,这样比较耗时,但也是可以知道自己想要布局什么CSS样式。

第二种:查看别人网站网页进行布局

这种情况下,没有美工图,但想和别人网页布局相同(或部分相同),这个时候就要以参考网站为对象,观察或分析对方网站宽度多少、是否有边框、背景样式等样式,根据分析的或获得的样式进行布局设置CSS。当然如果你能知道如何分析对方代码(html和css),可以直接复制对方对应代码进行使用。

第三种:有美工图情况 进行CSS布局网页

有美工图是相对其它两种布局比较好确定CSS样式的,一切需要设置样式包括样式值都可以从美工图上分析和获取到。

比如设置字体颜色,可以直观直接看到需要设置字体颜色样式,并通过软件获取美工图的对应颜色值,即可布局好所需css字体颜色。

说了这么多大家应该都清楚了怎样判断,那么更多精彩请关注php中文网其它相关文章!

相关阅读:

html的滚动条样式设置

html的网页源代码怎么查看

HTML网页字体大小的设置


Atas ialah kandungan terperinci 怎么知道DIV设置什么CSS属性样式?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn