Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 960CSS架构_html/css_WEB-ITnose

960CSS架构_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:46:28
Original
1305 Leute haben es durchsucht

960是一个快速布局模版，960官网：960.gs。它把网页分成12块、16块、24块。
里面的文件
templates：各种设计软件的模版
code：CSS模版  （嵌入到网页中）
app_plugins：软件的插件
sketch_sheets：文档模版

960photoshop插件动作安装，路径\960-Grid-System-master\app_plugins\photoshop\960_GRIDS.atn\
打开photoshop的动作面板，拖放960_GRIDS.atn文件到面板当中，完成，然后就可以快速创建网格布局。

调用CSS，container_12，12栏布局。首先定义一个框架，再分格子的数量。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>两栏布局网页</title><link href="css/960_12_col.css" rel="stylesheet" type="text/css" /><link href="css/reset.css" rel="stylesheet" type="text/css" /><link href="css/text.css" rel="stylesheet" type="text/css" /></head><body>    <div class="container_12">        <div id="header">header</div>            <div id="mainbody" class="grid_8"><a >mainbody</a></div>            <div id="sidebar" class="grid_4">sidebar</div>            <div class="clear"></div>            <div id="footer">footer</div>    </div></body></html>
Nach dem Login kopieren

 12栏布局：

 

待续.....

Verwandte Etiketten：
960CSS架构
Quelle：php.cn
Vorheriger Artikel：css滑动门技术_html/css_WEB-ITnose Nächster Artikel：CSS 伪类和伪对象选(五)_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage Ich habe ein Schema wie dieses: Benutzertabelle mit den Attributen „user_id“ und „username...
Aus 2024-04-06 19:39:29
0
1
441
Verwalten von „Benutzer'-Entitäten zwischen Aggregaten in DDD Ich versuche, eine monolithische Anwendung mithilfe von DDD und hexagonaler Architektur in...
Aus 2024-04-04 09:54:15
0
1
361
Wählen Sie die geeignete Anwendungsarchitektur für die Verarbeitung von Inhabertokens Ich möchte eine API verwenden, die OAuth2.0 verwendet. Kurz gesagt, ich benötige ein Zugri...
Aus 2024-04-04 08:55:57
0
1
353
Ein Inhaltsüberlauf im Fenster verhindert das Scrollen und verbirgt neue Inhalte Ich baue gerade ein Roulette-Systemprogramm auf (dies soll mich eher davon abhalten, Wette...
Aus 2024-04-03 21:24:55
0
1
285
Was sind die Architekturschichten einer Spring Boot + React + MySQL-Anwendung? Ich versuche, eine Dokumentation über die Anwendung zu schreiben, weiß aber nicht, wie ich...
Aus 2024-04-03 10:07:06
0
1
410
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage