缘起
人家都说 康奈尔笔记 法，很好用呢，能抵抗遗忘曲线，让你的笔记事半功倍，有兴趣的同学自行百度哈。
网上有很多现成的模板，下载下来之后吧，看着好像在上面写英文可能更方便一点，行距很小，而且还有网址在上面，心里不是很乐意的说呢。后来想着自己在word或者excel里面做一个模板出来，后来愣是不会把一个表格的一行设置成占总表格的70%，最终放弃，后来想起来，css里面是可以用cm做单位的呀，为什么不自己写一个呢，只用div就可以了呀
实现
1.先把一个div设置成A4纸的大小，宽21cm，高29.7cm
<div id="abody">
</div>
#abody { width: 21cm; height: 29.7cm; margin: 0 auto; overflow: hidden; padding: 1.5cm 1.2cm 1.2cm 2.5cm;}
2.给A4纸这么大的div里面加两个浮动的div，一个往左，占用29%的空间，一个往右，占用68%的空间
<div id="main" class="main le">
<div class="aline">提示</div>
<div class="aline"></div>
</div>
<div id="sider" class="main ri">
<div class="aline">笔记</div>
<div class="aline"></div>
</div>
<div id="footer" class="footer">
<div class="aline doubleline">概要</div>
<div class="aline"></div>
</div>
用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.往大框里面写一行一行的横线，用一个div 的aline类实现，html见上面
这里如果你的编辑器支持emmet的话，写一个 div.aline*42 ，就会有42行相同的div出现了。然后用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.再在左右两个大框的后面放一个div，清除浮动，放概要部分。
<div id="main" class="main le">
<div class="aline">提示</div>
<div class="aline"></div>
</div>
<div id="sider" class="main ri">
<div class="aline">笔记</div>
<div class="aline"></div>
</div>
<div id="footer" class="footer">
<div class="aline doubleline">概要</div>
<div class="aline"></div>
</div>
，里面的首行，用实线分出来5R笔记的下部分结构来
.footer {clear: both; overflow: hidden;}
.doubleline { border-top: double 3px #666;}
总结
以上所述是小编给大家介绍的使用html和css实现康奈尔笔记(5R笔记)模板，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。