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

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

vip

font-size:一般有偶数

line-height:文字行高

[展开全文]

background-position:传关键字(center,left,right)(center,top,bottom)

若只传一个值,另一个默认为center

[展开全文]

background-color:单词

                                 rgba()

                                 #十六进制

                                 transparent(背景透明,默认值)

background-image

background-repeat

background-position

内容可以把容器的宽高撑开

背景不会占用容器的宽高

[展开全文]

边框是一个非矩形

[展开全文]

4321:上右下左、上 右/左 下、上/下 右/左、全部

[展开全文]

行间样式表:给单独的标签添加样式

 

[展开全文]

Ctrl+r:参考线

Ctrl+d:返回剪切之前图像

tab:隐形所有除图片外的窗口

Ctrl+n:新建文件,默认格式为剪切板中图片格式

GIF:支持全透明和动图,全透明效果不好有毛边

PNG-8:支持全透明,全透明效果不好有毛边,相同清晰度所占内存小,切小图标一般用它

JPEG:保存高清图,一般用于保存banner图

PNG-24:透明度保持最好,一般用于保存透明图片

覆盖图标文字:选中用来覆盖的区域->Ctrl+t->拖拉边框覆盖文字->双击选中覆盖区->Ctrl+d

[展开全文]

rgba(红,绿,蓝,透明度)

[展开全文]

内部样式表:放在<style></style>标签对内

[展开全文]

<html>

 <head>

    <title>这里是标题</title>

 </head>

 <body>

    这是我的第一个网页

 </body>

</html>

[展开全文]

1、做什么

与网站打交道

2、条件

兴趣

写代码

3、学习什么

 1 软件(代码辅助工具)

   浏览器:chrome、火狐、ie

        浏览器调试工具

   编辑器:写代码的工具,hBuilder、sublime、dreamwever

   ps:photoShop

 2 语言(计算机编程语言)

    HTML

    CSS

    JavaScripti

[展开全文]

1、样式表的三种方式

  • 行间样式表(作用于单个标签)
  • 内部样式表(作用于单个页面)
  • 外部样式表(可作用于所有页面)

2、外部样式表的使用方法

 

[展开全文]

软件:

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轴的负方向

[展开全文]

授课教师

金牌讲师

学员动态

Tony 开始学习课时 2-什么是HTML
guo12345 开始学习课时 14-背景颜色
guo12345 开始学习课时 7-CSS引入方式-行间