零基础第一章-Web前端零基础入门

零基础第一章-Web前端零基础入门 扫二维码继续学习

vip

软件:

1.浏览器:种类很多,chrome(安装) /Google 

Safari/apple

浏览器调试工具:

苹果的插件是如何调出来的?

option+command+j

2、编辑器

hBuilder(要下载,安装)  sublime  dreamwever

3、PS(要安装)

语言:

HTML:

CSS:

JavaScript:

 

 

 

[展开全文]

CSS:

层叠样式表

[展开全文]

solid  实线

dashed 虚线

dotted 点划线

#f00 颜色的十六进制表示形式

rgb(255,0,0) 颜色的rgb表示方法

rgba(255,0,0,0.5) 半透明

[展开全文]

<link rel="stylesheet" href="index.css" />

[展开全文]

background-postion: x轴 y轴 背景图片的位置 - 传数值: 相对于父容器的移动位置大小 - x: - 正值 从容器的左边往右边走的距离,x轴的正方向 - 负值 从容器的左边往左边走的距离,x轴的负方向 - y: - 正值 从容器的上边往下边走的距离,y轴的正方向 - 负值 从容器的上边往下边走的距离,y轴的负方向

[展开全文]

做什么

与网站打交道

条件

兴趣和敲代码

学什么

  • 软件:
    • 浏览器
    • 编辑器
    • PS
  • 语言
    • HTML
    • CSS
    • JavaScript

 

[展开全文]

1.padding:内填充,设置padding后容器会被撑大。

2.padding:top right bottom left

3.padding:20px;上右下左填充相等。

  padding:20px 40px; 上下,左右padding相等。

  padding:20px 30px 40px;上 左右 下

  padding:10px 20px 30px 40px;上 右 下  左

[展开全文]

1.文本是宋体时,每个空格的大小等于每个字体大小的一半。例如:字号16px,空格大小8px。

2.text-decoration:none;常用于a链接去下划线。

3.text-decoration:line-through;电商网站中原价划掉线。

4.text-indent:2em;首行缩2个字符,类似小学作文每段开始空2个字。

5.font:字体加粗(可省略) 倾斜(可省略) 字号大小/行高 字体;

[展开全文]

1.onclick="this.style.width='800px';this.style.height='500px';"简单的js鼠标点击事件,内嵌式写法。

2.hbulider具有代码提示功能,可考虑使用。

 

[展开全文]

JavaScript:脚本语言(行为)(能控制的东西)

[展开全文]

HTML:结构(房子的结构)

CSS:层叠样式表(样式)(房子的样子)

width:200px;

height:300px;

background:red;

[展开全文]

HTML:超文本标记语言

语言:与浏览器沟通的一个方式

标记(标签):<html> </html>

<meta />

文本:语言

[展开全文]

border 形状:非矩形

 

[展开全文]

border复合样式 

    单一样式(4参数:上 右 下 左)

          2参数 上下/左右

          3参数 上 左右 下

[展开全文]

内部样式表  样式表写了一个html 文件里面

语法 把样式写在一对<style></style>标签中 这个标签对是放在html页面里面的

缺点 内部样式表的作用范围只存在当前页面 

[展开全文]

授课教师

金牌讲师