电脑技术网——专业手机电脑知识平台,关注科技、手机、电脑、智能硬件
HTMLCSSHTML5Bootstrap

可用html和css借助于康奈尔笔记模板

2020-10-29 18:09:46 出处:[ 菜菜电脑网 ] 人气:次阅读
本文主要简介了运用于html和css做到康奈尔笔记(5R笔记)模板的无关资料,必须的朋友可以参阅下,期望大家可以根据html和css意味着康奈尔笔记模板的思路更好的顺利完成自己的项目。

因缘

人家都问道 康奈尔笔记 法,很好用呢,能抵抗遗忘曲线,让你的笔记事半功倍,有兴趣的同学自行百度哈。

网上有很多现成的模板,流媒体下来之后吧,抱着看不见在上面所写英文或许更不便一点,行距并不大,而且还有网址在上面,心里不是很乐意的感叹呢。后来想为自己在word或者excel里面要用一个模板出来,后来愣是才会把一个表格的一行设置成占有总表格的70%,最终打消,后来就让上去,css里面是可以用cm做到单位的呀,为什么不自己撰写一个呢,来作p就可以了呀

做到

1.先把一个p设置成A4纸的大小,长21cm,颇高29.7cm

<p id="abody">    </p>#abody { width: 21cm; height: 29.7cm; margin: 0 auto; overflow: hidden; padding: 1.5cm 1.2cm 1.2cm 2.5cm;}

2.给A4纸这么大的p里面加在两个浮动的p,一个往左,迁走29%的空间,一个往右,清空68%的空间

<p id="main" class="main le">        <p class="aline">提醒</p>        <p class="aline"></p></p><p id="sider" class="main ri">        <p class="aline">笔记</p>        <p class="aline"></p></p><p id="footer" class="footer">        <p class="aline doubleline">详述</p>        <p class="aline"></p></p>

用css的border这样一来两栏

.main {height: 75%; overflow: hidden;}    .le { width: 28.99999%; border-right: double 3px #666; float: left; }    .ri { width: 69.99999%; float: right; }

3.往大框里面读到一行一行的横线,用一个p 的aline类构建,html不知上面

这里如果你的编辑器支持者emmet的话,读到一个 p.aline*42 ,就但会有42行相同的p显现出了。然后用css的border属性速写造出一条条的线出来。

.aline { height: 0.9cm; border-bottom: 1px; border-bottom-style: dashed; border-bottom-color: #999;             margin-right: 8px; color: #eee; line-height: 0.9cm;}

4.再在左右两个大框的后面挑一个p,扫除浮动,不放具体内容部分。

<p id="main" class="main le">        <p class="aline">指引</p>        <p class="aline"></p></p><p id="sider" class="main ri">        <p class="aline">笔记</p>        <p class="aline"></p></p><p id="footer" class="footer">        <p class="aline doubleline">摘要</p>        <p class="aline"></p></p>

,里面的首行,用实线分出来5R笔记的下部分结构来

.footer {clear: both; overflow: hidden;}.doubleline { border-top: double 3px #666;}

关的引荐:

html和css制作QQ企鹅教程

html和CSS以及JavaScript的小例题(图)

关于html和CSS以及JavaScript前端命名规范的编纂者

以上就是可用html和css充分利用康奈尔笔记模板的具体内容,更多代为非议php中文网其它系统性文章!

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2008-2020 caicaipc.com Inc All Rights Reserved.
菜菜电脑网 版权所有 联系QQ:173533152