前端学习自学笔记:day02

2018-01-31 17:11:14 浏览数 (1)

今天是第二天的学习内容笔记,我一般无事都会一直更新下去,直到我前端学的差不多了,我到时候才会转学其他语言,如果在学习中有什么发现,我都会分享上来.

在此之前先为大家显示下前端工程师的路线图:

第二天的笔记:HTML AND CSS:

早上所学的内容

标签:[链接外部的资源和样式

例:

rel:规定当前文档与被链接文档之间的关系。

type:规定被链接文档的 MIME 类型。

href:被链接的文档的位置]

注意:当某种字体不可用时,你可以让浏览器自动降级到另一种字体。

-复习:

width:表示宽度,使用像素px来指定图片的宽度。

例(在类选择器中使用):

.cccc{

width:100px;

}

alt属性(alt text):是当图片无法加载时显示的替代文本。注意:每个图片都应该有alt属性

例:

CSS边框:[属性有:style(样式)、color(颜色)、width(宽度)、height(高度)、border-radius(边框半径)

例:.thin-red-border{

border-color:red;//颜色

border-width:5px;//宽度

border-style:solid;//样式

border-radious:10px;

}

style:solid(固体)

border-radius可以使用百分值来制定边框半径。

例:border-radious:50%;//边框半径为50%时即可成为一个圆形边框。]

注意:可以将多个class应用到一个元素上,只需要在多个class之间用空格隔开。

例:

-复习:a元素,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的

某部分实现内部导航功能。

href代表具体位置

-复习:文件嵌套

例:

注意:当你的a元素没有有链接时,可以使用固定链接,把a元素的href值替换为一个#。

例:

a元素也可以把某元素嵌套进来,将其变成一个链接。

例:

中午所学的内容:

HTML的style属性:

background-color(背景颜色)

例:

注意:旧的背景颜色(bgcolor)不建议使用。

-复习[

font-family (字体样式) 例:

color(文本颜色) 例:

font-size(文本大小) 例:

注意:旧的设置字体方法(标签)不建议使用。]

text-align(文本水平对齐),center:居中对齐

例:

(居中对齐)

注意:旧的设置文本对齐属性(align)不建议使用。

文本格式化标签:

定义粗体文本。例:This is bold

定义大号字。 例:This is big

定义着重文字。例:This is emphasized

定义斜体字。 例:This is italic

定义小号字。 例:This text is small

--复习定义加重语气(加粗字体)。例:This text is strong

定义下标字。 例:subscript

定义上标字。 例:supscript

定义插入字(有下划线的效果)。 例:This is ins

定义删除字(文本有一条划线,表示删除)。 例:This is del

不建议使用的有:、、

预文本格式:

(保留原本在编译器中的文字样子,包括空格都完整保留下来)

例:

这是

预保留格式

它保留了 空格

和换行

"计算机输出"标签:(不同的“计算机输出”标签的显示效果,这些标签常用于显示计算机/编程代码。)

定义计算机代码。 例:Computer code

定义键盘码。 例:Keyboard input

定义计算机代码样本。例:Sample text

定义打字机代码。 例:Teletype text

定义变量。 例:Computer variable

不建议使用的有:

地址标签:(地址标签)

例:

破碎人生

CHINA

文本缩写标签:(缩写的文本)

例:etc

首字母缩写标签:(首字母缩写的文本)

例:WWW

文字方向::两种值:ltr(文字从右到左)、rtl(文字从左到右)

例:abc 结果为:cba

abc 结果为:abc

定义水平线:

今天的笔记就到这里,有不懂的可以提问,大神勿喷~

0 人点赞