首页 > 代码库 > 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>