今天是第二天的学习内容笔记,我一般无事都会一直更新下去,直到我前端学的差不多了,我到时候才会转学其他语言,如果在学习中有什么发现,我都会分享上来.
在此之前先为大家显示下前端工程师的路线图:
第二天的笔记: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
定义水平线:
今天的笔记就到这里,有不懂的可以提问,大神勿喷~