黑马程序员技术交流社区
标题:
前端学习经历
[打印本页]
作者:
阿乐呀
时间:
2019-3-18 21:50
标题:
前端学习经历
在这短短的十几天中学到了很多知识
HTML
HTML 指的是超文本标记语言 (
H
yper
T
ext
M
arkup
L
anguage)是用来描述网页的一种语言。
HTML元素标签分类
常规元素（双标签）+ 空元素（单标签）
HTML标签关系
嵌套关系 + 并列关系
代码开发工具（书写代码）
文档类型<!DOCTYPE>
<!DOCTYPE html>
页面语言lang
<html lang="en"> 指定html 语言种类
字符集
<meta charset="UTF-8" />
HTML标签的语义化
根据标签的语义，在合适的地方给一个最为合理的标签，让结构更清晰。
认识了HTML常用标签
还有表格 列表和表单
然后学习了CSS
CSS层叠样式表
CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表）
引入CSS样式表（书写位置）
行内式（内联样式）+内部样式表（内嵌样式表）+ 外部样式表（外链式）
CSS选择器
CSS基础选择器
标签选择器+类选择器+id选择器+通配符选择器
CSS字体样式属性
CSS复合选择器
后代选择器+子元素选择器+交集选择器+并集选择器+链接伪类选择器
标签显示模式（display）
块级元素(block-level)+行内元素(inline-level)+行内块元素（inline-block）
行高
CSS 背景
CSS 三大特性
CSS层叠性+CSS继承性+ CSS优先级
盒子模型
盒子边框（border） +内边距（padding）+外边距（margin）+.圆角边框(CSS3)+ 盒子阴影(CSS3)
CSS书写规范
浮动(float)
清除浮动
额外标签法(隔墙法)+父级添加overflow属性方法+使用after伪元素清除浮动+使用双伪元素清除浮动
Photoshop 切图
定位(position)
定位模式 (position)
静态定位(static)+相对定位(relative) +绝对定位(absolute)+ 固定定位(fixed)
定位(position)的扩展
绝对定位的盒子居中+堆叠顺序（z-index）
学到了很多。
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2