How to Create A Website An HTML Tutorial and CSS Tutorial PART 1 by Todd McLeod

最新推荐文章于 2020-05-04 01:54:35 发布

原创最新推荐文章于 2020-05-04 01:54:35 发布 · 393 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

视频教程笔记同时被 3 个专栏收录

53 篇文章

订阅专栏

CSS

25 篇文章

订阅专栏

HTML

10 篇文章

订阅专栏

本文提供了一系列Web开发中的实用技巧，包括使用MDN关键字搜索在线资源的方法、Emmet快速填充HTML标签的技巧，以及重要的CSS属性介绍。此外，还详细列举了常用的Git命令，帮助开发者更高效地进行版本控制。

https://en.wikipedia.org/wiki/List_of_HTTP_status_codes

When using chrome browser, click CTRL + T launches a new tab.

https://whatwebcando.today/

Seven Habits of Highly Effective People

Get in front of what's coming and let it hit you. Bill Gates

https://www.ted.com/talks/andrew_blum_what_is_the_internet_really

MDN + keyword can be a great way to search and find resources about web development online.

Codepen.io

The computer industry is so huge, no one can know it all.

In computer science, separation of concerns (SoC) is a design principle for separating a computer program into distinct sections, so that each section addresses a separate concern.

From <https://en.wikipedia.org/wiki/Separation_of_concerns>

Git terminal essentials:

pwd=printing current working directory

cd=change directory

ls =list contents of current directory

clear=clear the screen
rm file-name=remove a file
rm -rf dir-name= remove a folder(-rf means remove recursivly with force untill everything is gone.)
mkdir dir-name=create a folder
cat=print out contents of a file

ls -la = list all contencts

cd ../ =going up a level

cd or cd ~ = change to home directory

git init = create a repository

git status

git add --all = add all contents in the current folder to the staging index

git add . =

git add aSingleFile = add a single file to the staging index.

git commit -m "add a comment about this commit"

git log = info about history of commit

git push -u origin master

git push

---------------------
adding a repository on github:

git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/Li-YangZhong/ericstest.git
git push -u origin master
-------------------

avoid using space when naming a file, since space in url will be turned into %20

---------------
tips on using emmet:

after enter p or h1 or lorem and hit tab key， emmet will automatically fill up the tags for you.

ul>li*10
creating 10 <li> within <ul>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference

padding and border no longer increase the size of an element when you apoly box-sizing: border-box to the element.

CSS Specificity Calculator:
https://specificity.keegan.st/