css framework 漂亮的CSS

  • E7_463515
    了解作者
  • 32.9KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-12 12:07
    上传日期
Add the following four links to the <head> of your page:: <link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="../css/print.css" type="text/css" media="print"> <!--[if IE]> <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen, projection"> <![endif]--> <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen, projection"> Make sure you have the stylesheet links correct. Then edit "screen.css" to change a[href^="http://yourwebsite.com"] by putting your url in place of yourwebsite.com. This ensures that internal links will not show the external link icon. Now get designing!
css-framework.zip
  • mikecrittenden-bluetrip-css-framework-3ae9ab34ddcb692559ce79aa8e29c906ca08e6bb
  • img
  • icons
  • doc.png
    777B
  • cross.png
    655B
  • xls.png
    663B
  • email.png
    641B
  • visited.png
    213B
  • key.png
    455B
  • feed.png
    691B
  • tick.png
    537B
  • external.png
    148B
  • im.png
    741B
  • pdf.png
    591B
  • grid.png
    206B
  • examples
  • index.html
    11.7KB
  • test-small.jpg
    1.8KB
  • grid.html
    9.3KB
  • css
  • screen.css
    15.2KB
  • print.css
    1.6KB
  • ie.css
    1.4KB
  • style.css
    1KB
  • README.rst
    1.2KB
  • LICENSE
    16.3KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- ============================================== | WELCOME TO THE SOURCE CODE! | ============================================== | | | AUTHOR: Mike Crittenden | | EMAIL: mike@capsizedesigns.com | |============================================| --> <title>BlueTrip CSS Typography - A Fusion of Blueprint and Tripoli</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="../css/print.css" type="text/css" media="print" /> <!--[if IE]> <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen, projection" /> <![endif]--> <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen, projection" /> </head> <body> <div class="container showgrid"> <div class="span-11 colborder"> <h1>Level 1 heading</h1> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h1 class="fancy">Level 1 heading class="fancy"</h1> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h1 class="thin">Level 1 heading class="thin"</h1> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h1 class="caps">Level 1 heading class="caps"</h1> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h2>Level 02 Heading</h2> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h2 class="fancy">Level 2 heading class="fancy"</h2> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h2 class="thin">Level 2 heading class="thin"</h2> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h2 class="caps">Level 2 heading class="caps"</h2> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h3>Level 03 Heading</h3> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h3 class="fancy">Level 3 heading class="fancy"</h3> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h3 class="thin">Level 3 heading class="thin"</h3> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h3 class="caps">Level 3 heading class="caps"</h3> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h4>Level 04 Heading</h4> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h4 class="fancy">Level 4 heading class="fancy"</h4> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h4 class="thin">Level 4 heading class="thin"</h4> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h4 class="caps">Level 4 heading class="caps"</h4> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h5>Level 05 Heading</h5> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h5 class="fancy">Level 5 heading class="fancy"</h5> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h5 class="thin">Level 5 heading class="thin"</h5> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h5 class="caps">Level 5 heading class="caps"</h5> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h6>Level 06 Heading</h6> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h6 class="fancy">Level 6 heading class="fancy"</h6> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h6 class="thin">Level 6 heading class="thin"</h6> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <h6 class="caps">Level 6 heading class="caps"</h6> <p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. </p> <blockquote><p>Paragraph inside Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.</p></blockquote> </div><div class="span-12 last"> <address rel='nofollow' onclick='return false;'>Address: Example address 224, Sweden</address> <pre><strong>Preformated:</strong>Testing one row and another</pre> <p> I am <a href="?abc123" rel='nofollow' onclick='return false;'>the a tag</a> example<br /> I am <abbr title="test" rel='nofollow' onclick='return false;'>the abbr tag</abbr> example<br /> I am <acronym rel='nofollow' onclick='return false;'>the acronym tag</acronym> example<br /> I am <b>the b tag</b> example<br /> I am <big>the big tag</big> example<br /> I am <cite>the cite tag</cite> example<br /> I am <code>the code tag</code> example<br /> I am <del>the del tag</del> example<br /> I am <dfn>the dfn tag</dfn> example<br /> I am <em>the em tag</em> example<br /> I am <i>the i tag</i> example<br /> I am <ins>the ins tag</ins> example<br /> I am <kbd>the kbd tag</kbd> example<br /> I am <q>the q tag <q>inside</q> a q tag</q> example<br /> I am <samp>the samp tag</samp> example<br /> I am <small>the small tag</small> example<br /> I am <span>the span tag</span> example<br /> I am <strong>the strong tag</strong> example<br /> I am <sub>the sub tag</sub> example<br /> I am <sup>the sup tag</sup> example<br /> I am <tt>the tt tag</tt> example<br /> I am <var>the var tag</var> example<br /> I am the <span class="small">small class</span> example<br /> I am the <span class="large">large class</span> example<br /> I am the <span class="quiet">quiet class</span> example<br /> I am the <span class="highlight">highlight class</span> example<br /> </p> <hr /> <ul> <li>Unordered list 01</li> <li>Unordered list 02</li> <li>Unordered list 03 <ul> <li>Unordered list inside list level 2</li> <li>Unordered list inside list level 2 <ul> <li>Unordered list inside list level 3</li> <li>Unordered list inside list level 3</li> </ul> </li> </ul> </li> </ul> <ol> <li>Ordered list 01</li> <li>Ordered list 02</li> <li>Ordered list 03 <ol> <li>Ordered list inside list level 2</li> <li>Ordered list inside list level 2 <ol> <li>Ordered list inside list level 3</li> <li>Ordered list inside list level 3</li> </ol> </li> </ol> </li> </ol> <dl> <dt>Description list title 01</dt> <dd>Description list descripti
评论
    相关推荐
    • CSS Sprites样式生成工具
      利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能 这是一个air环境,安装了之后就可以打开.air文件了
    • css
      NULL 博文链接:https://lz12366.iteye.com/blog/1132409
    • css2.0字典
      什么是样式表: CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许...link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css" type="text/css"> </head>
    • 云动力最新CSS模板
      云动力最新CSS模板,CSS布局,大家可以测试。 演示地址:http://www.ydlk.com
    • HTTP5 CSS正题解答
      HTTP5 CSS正题解答HTTP5 CSS正题解答HTTP5 CSS正题解答
    • CSS样式基础教程PDF
      这是我个人作的PDF格式的CSS基础教程,PDF中的所有内容均来自http://www.w3school.com.cn/包含该网站关于CSS基础的所有页面内容,供大家在不上网的时候学习,教程中的实例大家可以到它的网站上去看。
    • oocss 例子
      更多关于oocss可以看这个连接 http://oocss.org/
    • css中文帮助详细手册
      CSS中文帮助手册,其中有详细的CSS样式,等一系列帮助... 本人博客有详细信息 http://gaobo403163953.blog.163.com
    • css-dock-menu
      css-dock-menu <br>http://www.ndesign-studio.com/blog/design/css-dock-menu/
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档