case_study.html
来自「The code, images and designs for this bo」· HTML 代码 · 共 102 行
HTML
102 行
<!-- MORE THAN DOODLES --><!-- This file contains all the source code used in Simon Collison's MORE THAN DOODLES case study for the CSS MASTERY book --><!-- Look for the commented notes to find source code relating to a specific section of the case study --><!-- The XHTML --><div id="primaryContent"> content</div><div id="secondaryContent"> content</div><div id="sideContent"> content</div><!-- Three Column Layout -->#threeColLayout #primaryContent { float:left; width:270px; margin: 0 0 20px 195px;}<!-- CSS for Three Column Layout -->#secondaryContent{ float:left; width:270px; margin: 0 0 20px 15px;}Finally, there is the thinner, left column, or side bar:#sideContent{ float:left; width:180px; margin: 0 0 20px -750px;}<!-- Two Column Layout -->#twoColLayout #primaryContent { width:555px; float:left; margin: 0 0 20px 195px;}<!-- One Column Layout -->#primaryContent { width:750px; margin: 0 0 20px 0; background: #FFF;}<!-- Removing unwanted columns -->#twoColLayout #secondaryContent { display: none;}<!-- Floating the Columns -->#wrapper { width:750px; margin:0 auto; padding: 0 10px 10px 10px; background-color: #D7D493;}#threeColLayout #primaryContent { float:left; width:270px; margin: 0 0 20px 195px;}#secondaryContent{ float:left; width:270px; margin: 0 0 20px 15px;}#sideContent{ float:left; width:180px; margin: 0 0 20px -750px;}<!-- Highlighting Current Page --><body id="threeColLayout" class="home"><ul id="mainNav"> <li><a href="#" id="home">Home</a></li> <li><a href="#" id=觓bout⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?