首页 > 代码库 > FE-learning 前端学习

FE-learning 前端学习

github偶尔上不去,把学长给我们的学习资源转载在这里,同时记录下自己的学习感悟。

Lesson 1:html 基本标签

Lesson 2: html语义化 html4 html5 xhtml区别

Lesson 3: html编码标准,百度教育页面html分析

Lesson 4:http://www.w3.org/Style/LieBos2e/enter/ 

http://www.w3.org/MarkUp/Guide/Style

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/What_is_CSS 要看完,不仅看what is css.

3-5天完成设计稿,html+css

之后照着w3c标准学习css大概一个月

 

新收获:

http://www.w3.org/Style/LieBos2e/enter/

1."Gluing" Style Sheets to the Document: 4 methods

2.in Chapter 15 , "Cascading and inheritance."   the designer‘s style sheet> user‘s>browser‘s default.  ==read later

3.Through inheritance, CSS property values set on one element will be transferred down the tree to its descendants.

4.Overriding Inheritance :the order in which the rules were specified would determine which of them would win.

5.there are Properties that don‘t inherit. like``` background property

6.Common tasks with CSS.

 

http://www.w3.org/MarkUp/Guide/Style

自己平时不常用到的property

1.First-line indent    p { text-indent: 2em; margin-top: 0; margin-bottom: 0; }

2.Setting the font size in percentages relative to the size used for normal text:

h1 { font-size: 200%; }

3.Setting the font family:There is a short list of generic font names which are guaranteed to be available, so you are recommended to end your list with one of these: serif, sans-serif, cursive, fantasy, or monospace, for instance:
body { font-family: Verdana, sans-serif; }

4.Avoid problems with fonts and margins:

(1)avoid text at the body level that isn‘t wrapped in a block level element such as p.

(2)set the font family for pre elements, pre { font-family: monospace; } 有些浏览器忘了在设置字体大小或其他属性使用固定间距字体?

(3)to set the font family on headings, p and ul elements if you intend to set borders or backgrounds on elements such as div. ?

5.What about browsers that don‘t support CSS?

  • link for unvisited links
  • vlink for visited links
  • alink for the color used when you click the link

The size attribute can be used to select the font size as a number from 1 to 6. If you place a - or + sign before the number it is interpreted as a relative value.<font size="+1" color="maroon" face="Garamond, Times New Roman">some text ...</font>