摘要: 一、第一阶段 专业核心基础 1、第一周 HTML和CSS入门 知识要点: web前端开发环境、HTML常用标签、表单元素、table布局、CSS样式表、DIV+CSS布局 课程目标: 熟练运用HTML和CSS样式属性完成页面的布局和美化,能够仿制任意网站的前端页面实现 2、第二周 CSS3和移动端 阅读全文
posted @ 2020-02-11 17:15 lisalisalisa 阅读(442) 评论(0) 推荐(0)
摘要: 通过CSS背景属性,可以给页面元素添加背景样式 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图片固定等 一、背景颜色 background-color属性定义了元素的背景颜色 一般情况下,元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色。 二 阅读全文
posted @ 2020-02-11 17:03 lisalisalisa 阅读(120) 评论(0) 推荐(0)
摘要: 一、什么是元素显示模式 网页的标签非常多,在不同地方会用到不同类型的标签。了解他们的特点可以更好的布局我们的网页 元素显示模式就是元素(标签)以什么方式进行显示。 HTML元素一般分为块元素和行内元素两种类型 二、块元素 常见的块元素<h1><p><div><ul><ol><li> 块级元素的特点 阅读全文
posted @ 2020-02-11 15:42 lisalisalisa 阅读(299) 评论(0) 推荐(0)
摘要: Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。 一、快速生成HTML结构语法 1、生成标签,直接输入标签名按tab键即可,比如 div 然后tab键,就可以生成<div></div> 2、如果想要生成多个相同标签,加上*就可 阅读全文
posted @ 2020-02-11 14:23 lisalisalisa 阅读(177) 评论(0) 推荐(0)
摘要: chrome浏览器提供了一个非常好用的调试工具,可以用来调试我们的HTML结构和CSS样式 一、使用调试工具 1、ctrl+滚轮可以放大开发者工具代码大小 2、左边是HTML元素结构,右边是CSS样式 3、右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色 4、ctrl+0复原浏览器大小 阅读全文
posted @ 2020-02-11 13:49 lisalisalisa 阅读(151) 评论(0) 推荐(0)
摘要: 按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分为三大类 一、行内样式表(行内式) 行内样式表(内联样式表)是在元素标签内部的style属性中设定CSS样式。适合于修改简单样式。 style其实就是标签的属性 在双引号中间,写法要符合CSS规范 可以控制当前的标签设置样式 二、内部样式 阅读全文
posted @ 2020-02-11 12:08 lisalisalisa 阅读(156) 评论(0) 推荐(0)
摘要: CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。 一、文本颜色 color属性用于定义文本的颜色。 表示 属性值 预定义的颜色值 red green blue 十六进制 #FF0000,#000000,#FFFFFF RGB代码 rgb(255, 阅读全文
posted @ 2020-02-11 11:47 lisalisalisa 阅读(220) 评论(0) 推荐(0)
摘要: CSS fonts(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)。 一、字体系列 CSS使用font-family属性定义文本的字体系列。 各种字体之间必须使用英文状态下的逗号隔开 一般情况下,如果有空格隔开的多个单词组成的字体,加引号 尽量使用系统默认的自带字体,保证在任何用户的浏览 阅读全文
posted @ 2020-02-11 11:16 lisalisalisa 阅读(315) 评论(0) 推荐(0)
摘要: 一、CSS选择器的作用 选择器(选择符)就是根据不同需求把不同的 标签选出来,这就是选择器的作用。简单来说,就是选择标签用的 二、选择器分类 选择器分为基础选择器和复合选择器两个大类, 基础选择器是由单个选择器组成的 基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器 1、标签选择器 阅读全文
posted @ 2020-02-11 10:27 lisalisalisa 阅读(201) 评论(0) 推荐(0)