前端基础知识（上）：基础介绍，css样式（边框，背景，文字，文本）

web前端

前端要做的有两方面：
pc端 —— 网页端页面
移动端 —— 手机端页面
前端要掌握的东西：（自己常用的）
1).软件：浏览器（谷歌，火狐等），
编译软件：sblime text3
ps:图片处理
2).语言：
HTML——超文本标记“语言”，
和浏览器打交道，
搭建一个网页结构
这是一个最基本的页面代码
CSS——层叠样式表
width:200px;
height:200px;
background:red;
border:2px solid #fff;
JavaScript——脚本语言（行为）

js语言：可以在行间样式编写，也可以单独编写，也可以编写后导入
js语言要注意位置放置需要的语言格式
1).放在head下面
不可以直接使用，要用window.onload
2).放在body下面
可以直接使用，不需要window.onload

Web前端工程师（知识点学习）

css样式
边框

boder-width:10px;（大小自己拟定）
border-style:dotted solid double dashed;
上边框是点状
右边框是实线
下边框是双线
左边框是虚线

border-color:red;（颜色自己拟定）
边框的形状：非矩形（有可能是梯形，三角形等）
背景

background-color:red; (颜色自己拟定)
background-image:url(1.jpg); (图片自己选)
background-repeat:no-repeat;(还有这两种形式:repeat-x,repeat-y)
background-position:center;


background-attachment:fixed;

文字

font-weight：文字粗细

font-style:文字形式

font-size：文字大小
font-height：字体行高度
font-family：字体样式
文本

color：red;(文字颜色自定)
text-align：center;(水平对齐：center，right，left)
text-indent：2em;(文本缩进)
text-decoration：none;(下划线有无)
letter-spacing：normal;(字母间距，同下面单词间距一样，但不用特殊标识)
word-spacing：normal;(单词间距,电脑不会自己识别，需要用空格表示单词)
white-space：normal；（空白符）