前端开发学习笔记（一）

前端开发学习笔记（一）

块级标记

垂直显示，有默认的宽和高

默认宽度为 百分百（屏幕有多宽就显示多款）

高度为自适应（依内容而定）

Div h1-6 ul ol li

行级标记

水平显示；css一般无法直接定义宽和高（图片本身就有宽和高）

a span img…

安全区（每个用户不管分辨率是多少都能看到）

结构 样式 行为

html--超文本标记语言

 标记：语义化单词

<标记>内容<标记>

1， html

2， head：主要设置配置

3， meta：编码标准

4， title：标题

5， body

6， h1-h6

7， p:段落标记

8， div 盒子 网页布局

9， ui-li

10，ol-li

11，a标记——超链接 <a href=””></a>

12，b标记—加粗

13，span———万能标记

14，img<img src=”图片路径”>

 

css：层叠样式表

语法：选择器（属性：值）大括号

1.     标记选择器：控制本页面中所有的该标记样式（控制整个网页）

2.     Class 选择器 类选择器 用来定义相同标记，不同样式（给其中一个起名字）

命名规范：

A．不可为中文

B不可有特殊符号（除下划线和中划线不能加空格）

C不可以数字开始

3.     id 选择器只能出现一次（id后面的东西只能出现一次）

4.     后代选择器 祖辈选择器 子选择器

选择器之间用空格隔开

5．父>子{}只影响到子集

6. margin: 0 auto 居中（margin 为页边距）