0
点赞
收藏
分享

微信扫一扫

【学习记录】 极简博客开发 - HTML&CSS实战!


对于 web 开发,尤其是 html+css 感兴趣的可以抽空看看,当然本渣渣作为学渣看的都非常基础的东西,如果你是大佬,当然不推荐,适合基础差,而且懒的人观看学习。

毕竟看视频的时长比较短,出效果也非常快,毕竟实现的效果非常简单,可以说非常粗糙,单纯的学 html+css ,不如直接敲来的爽快,祝大家早日度过新手村!

【学习记录】 极简博客开发 - HTML&CSS实战!_Emmet

极简博客网页效果:

【学习记录】 极简博客开发 - HTML&CSS实战!_Emmet_02

【学习记录】 极简博客开发 - HTML&CSS实战!_html_03

极简博客开发 - HTML&CSS实战 - 表严肃 - 课时ID-10.x

B站:

https://www.bilibili.com/video/BV1ux41127DU/

网站:

https://biaoyansu.com/10.x

案例网页源码素材打包:

链接: https://pan.baidu.com/s/1adDDa5_Ai8sd5SX_iY7ZCQ?pwd=jcvy 提取码: jcvy

学习记录

  1. 一个好用的插件:Elm Emmet

工欲善其事,必先利其器,Elm Emmet 插件的使用可以免除敲多余没用的代码量,非常方便好用。

【学习记录】 极简博客开发 - HTML&CSS实战!_学习_04

具体使用可参考:

Emmet插件使用方法总结

使用Emmet插件快速生成html代码

  1. normalize.css

Normalize.css 使浏览器呈现所有 HTML 元素更加一致,并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。

【学习记录】 极简博客开发 - HTML&CSS实战!_css_05

规范浏览器默认样式,免除默认样式干扰。

直接调用:

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css">

  1. css节点 > * 使用

“> ”符号

符号针对的元素是特定元素的直接子元素。

“*”符号

“* ”符号是指所有子元素。

具体使用方法:

css选择器里的不同的符号(+,>,~,*)

非常感谢作者 表严肃 的视频教程分享!

最后:

如果某个教程或者书籍你可能无法继续下去,不放尝试换个书籍或者视频,或者你可以换个时间段,换种心情去尝试,也许会有不同的收货和感悟。

适合自己的才是最好的,前提你需要去尝试,去开始!

·················END·················

你好,我是二大爷,

革命老区外出进城务工人员,

互联网非早期非专业站长,

喜好python,写作,阅读,英语

不入流程序,自媒体,seo . . .

公众号不挣钱,交个网友。


【学习记录】 极简博客开发 - HTML&CSS实战!_Emmet_06

【学习记录】 极简博客开发 - HTML&CSS实战!_html_07

关注我的都变秃了

说错了,都变强了!

不信你试试

【学习记录】 极简博客开发 - HTML&CSS实战!_前端_08

扫码关注最新动态

公众号ID:eryeji

举报

相关推荐

0 条评论