![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端0基础学习相关
文章平均质量分 77
前端从小白开始的系统学习
江湖上的程序员
好好学习,天天向上
展开
-
10 浮动float
目标记忆 能够说出CSS布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1. 浮动1.1 CSS布局的三种机制1.1.1 普通流(标准流)1.1.2 浮动1.1.3 定位1.2 为什么要浮动?1.3 什么是浮动?float1.3.1 浮动口诀之“浮”1.3.2 浮动口诀之“漏”1.3.3 浮动口诀之“特原创 2020-11-24 17:06:08 · 349 阅读 · 0 评论 -
9 盒子模型(CSS重点)
CSS学习的三大重点:CSS盒子模型、浮动、定位目标理解: 能说出盒子模型有哪四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 能说出外边距合并的解决办法 应用: 能利用边框复合写法给元素添加边框 能计算盒子的实际大小 能利用盒子模型布局模块案例 1. 看透网页布局的本质2. 盒子模型 Box Model3. 盒子边框 border3.1 盒子边框写法...原创 2020-11-04 17:28:48 · 538 阅读 · 0 评论 -
8 CSS复合选择器
1.CSS复合选择器目标理解 理解CSS复合选择器分别的应用场景 应用 使用后代选择器给元素添加样式 使用并集选择器给元素添加样式 使用伪类选择器 为什么要学习CSS复合选择器CSS选择器分为 基础选择器 和 复合选择器,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的1.1 后代选择器(重点)概念: 后代选择器又称为包含选择器 作用:原创 2020-11-02 17:22:50 · 246 阅读 · 0 评论 -
7 CSS字体样式属性
目标应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 使用常用的emment语法 能够使用开发人员工具代码调试 1. font字体1.1 font-size:字体大小1.2 font-family 字体CSS Unicode字体1.3 font-weight 字体粗细1.4 font-style 字体风格1.5 font:综合设置字体样式(重点)1.6 font总结2. CSS外观属性2.1 color:文本颜色2.原创 2020-10-30 10:45:41 · 1872 阅读 · 0 评论 -
6 CSS基础选择器
css选择器(重点)学习目标理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 学习目标选择器的作用(重点)CSS基础选择器1.标签选择器2.类选择器3.类选择器特殊用法-多类名4.id选择器id选择器和类选择器的区别:5.通配符选择器6.基础选择器总结团队约定选择器的作用(重点)找到特定的HTML页面元素 选择器分为基础选择器和复合选择器CSS基础选择器1.标签选择器概念:原创 2020-10-30 10:43:00 · 130 阅读 · 0 评论 -
5 CSS初识
CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式 应用 css三种方式的书写 通过样式规则给标签添加简单的样式 学习目标CSS初识引入CSS样式表(书写位置)1.行内式(内联样式)2.内部样式表(内嵌样式表)3.外部样式表(外链式)三种css样式表总结(位置)团队约定-代码风格团队约定-代码大小写CSS初识概念: css(Cascading Style Sheets),通常称为css样式表或层叠样式表(级联样式表)原创 2020-10-30 10:40:58 · 148 阅读 · 0 评论 -
4 列表和表单
列表标签(重点) 无序列表 ul li (重点) <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的 <li>与</li>之间相当于一个容器,可以容纳所有元素。 无序列表会带有自己的样式属性,放下那个样式,一会儿让CSS来! 有序列表 ol li (了解) 自定义列表 dl dt dd (理解) 自定义列表常用于对术语或名词进原创 2020-10-30 10:39:22 · 111 阅读 · 0 评论 -
3 表格
表格table表格是一种常用的标签,但不是用来布局,常用来 显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要。一个清爽简约的表格能够吧繁杂的数据表现得很有调理,虽然div布局也可以做到,但是总没有表格来的方便。 创建表格 创建表格的基本语法:<table> <tr> <td>表格内的文字</td> <td>表格内的文字</td> <t原创 2020-10-30 10:36:53 · 201 阅读 · 0 评论 -
2 初识HTML
HTML指的是超文本标记语言 HTML不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (mark tag) 常用的快捷键 生成页面骨架的两种快捷方式 html:5 然后按tab键 ! 然后按tab键 文档类型 DOCTYPE <!DOCTYPE html>声明位于文档中的最前面的位置,处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML(快捷键 html:5 tab键)或者XHTML(html:xt tab键)规范...原创 2020-10-30 10:31:58 · 121 阅读 · 0 评论 -
1 浏览器
浏览器相关浏览器 浏览器是页面显示、运行的平台,常用的浏览器有IE、火狐(FireFox)、谷歌(Chrome)、Safari和Opera等。 查看浏览器战友的市场份额 http://tongji.baidu.com/data/browser 常见浏览器内核 (了解) 浏览器内核的作用:负责读取网页内容,整理讯息,计算页面的显示方式并显示页面。 因为浏览器太多啦,但是现在主要流行的就是下面几个: 浏览器 内核 备.原创 2020-10-30 10:28:14 · 257 阅读 · 0 评论