📄 case_study.html
字号:
<!-- 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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -