Rumah > hujung hadapan web > html tutorial > 转载:《小反 DIV+CSS》_html/css_WEB-ITnose

转载:《小反 DIV+CSS》_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:31:47
asal
1028 orang telah melayarinya

这是陌生的师父教我的,他说这是他十年的功力,我要好好的领悟,也谢谢这位陌生的师父。

呵,看你是有慧根,所以不用从头教。几句话你就会了。
写表现层代码,跟你写类一样,语义化很重要,再有就是表现层的代码是先构造灵活的结构层(html),再

写css的,你练上几拳就会了,而结构层的代码除了命名要语义化,还要考虑模块化,尽可能使你的构造

能重用。


比如一个图文混排的代码如下:


转载:《小反 DIV+CSS》_html/css_WEB-ITnose


  • newstitle

你跟据这个结构定义的css就是

#news {}
#news p {}
#news ul {}
...

这就是模块化、语义化
不要写太多的id,id是用来标识内容主体的,除非它是特殊内容,否则减少使用

id和class名

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan