简介
教大家快速学习前端,两星期内达到制作静态页面才算合格.
第一天:
理解开发:产品经理,UI,后端,前端,测试.
前端必会的三大件:HTML5,CSS,JS.
什么是HTML5?
HTML5是超文本标记语言HTML的第五个版本,是一门技术.
先加载VSCODE的插件,包含汉化,自动浏览器刷新,代码高亮.
html语法:开始基本编辑用<>来编辑标记,分为<>/<>双标记,<>单标记,常用的有<h1><h2>到<h6>,标题<p>,<div>块<span>文字占位标签<b>加粗<i>倾斜<u>下划线<a href title target -blang -self>超链接可设置新页面打开<form method action><input name value text password submit radio reset button checkbox>表单<img src width height>插入图片<body>主体<br>强制换行<hr>下划线<del>删除线<ul type disc circle square>无序列表<ol type 1 a i I A start > 有序列表<dl><dt><dd>自定义列表
第二天
CSS是层叠样式表,分为行内样式(嵌入),内部样式,外部样式(link rel stylesheet href(.css)
语法是选择器{属性:属性值;}.分类,基本选择器,包含(类型选择器,class选择器,ID选择器,通配符选择器,群组选择器)层次选择器(包含选择器,子选择器,相邻兄弟选择器,通用兄弟选择器)
权重(内联选择器>ID选择器>class选择器>类型选择器;层次选择器是权重相加,群组选择器取决于里面的选择器)
第三天
学习CSS核心属性.
1,文本属性,font-size字体大小,color字体颜色,text-desidion(underline overline del line-through删除划线),font-style(italic,normal)倾斜,text-indent首行缩进,line-height数值等于heigh时实现垂直居中,letter-spacing字间距,text-algin(left,right,center,justfiy,justfiy-last)对齐方式,font-weigth(b,0-500,600-900)文字加粗
2,背景属性,background-color背景色,background-image:url()插入背景图默认满铺,background-repect(no repect repeat-x repeat-y )是否重复插入,backgroudn-position(left right top bottom 0px 0px)背景图定位,background-attachmen:fixd,rcroll,背景图固定页面上经常用到*{margin:0;padding:0}来消除边框
三天小总结:前三天主要熟悉VScode,会基本的HTM5语法书写,简单的CSS文本修饰,背景设置,下一周准备教大家CSS的盒子模型学习,实现段落板块的定位.