第五次作业:CSS近期学习内容

以下为5日至7日的学习内容,自己根据笔记总结了一下。

近期学习内容:(主要通过黑马程序员进行课程的系统学习)

①CSS的引入方式:

样式表分为三种:行内样式表、内部样式表和外部样式表。

其中内部样式表是将CSS代码写入html文件中的,但其位置处于的是<head>标签中,其中会另创一个<style>标签作为存储,方便控制,但并未实现代码和结构的完全分离。行内样式表是将CSS代码直接在<body>标签中进行书写。而外部样式表则是被运用最多的,会单独于html文件另建一个CSS文件用来放置CSS代码。这样的好处就是,可以更灵活地提取代码,完全分离更利于实际的修改操作。

②chrome调试工具的使用:通过该调试工具,我们可以更清晰地调节网页布局,方便直观感受代码对布局的影响。也可以更快速检查出代码的使用情况和错误。

③emmet语法:使用各种缩写,提高输入代码的速度。包括快速生成html和CSS语法。

其中html包括生成标签,即输入标签名后直接tab键就可以生成前后两个标签格式;而生成多个标签只用在原来的标签后面输入*键和数字即可实现;而对于具有相互关系的两种标签,包含关系标签只需在两标签中输入>即可,而并列关系输入+;对于生成带有类名和id名的标签,可以写.demo或者#two即可(默认的是div标签);而生成带数字的类名(类增),在后面加上$*数字即可实现数字递增的效果。

CSS生成标签:简略,只用输入开头的字母即可找到相关的标签。而对于设置width的格式,只用书写:w100即可,表示设置宽度100px的照片。

这就是我三天的学习内容。若有不足,请多指正!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值