前端基础
Html基本标签和css样式,以及web基础知识
喵先生呢
优秀的人哪都好,唯一的缺点是让人觉得自己是个垃圾。
展开
-
12. 前端基础--模板引擎art-template
文章目录模板引擎art-template1. 简洁语法结构2. 原生JS语法结构3. 核心方法☆模板引擎art-template模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。art-template是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。由腾讯公司研发的,市原创 2020-11-10 17:38:23 · 461 阅读 · 0 评论 -
11. 前端基础--CSS盒子定位
文章目录前端基础--CSS盒子定位1. 再看CSS 布局的三种机制2. 为什么使用定位?3. 定位详解3.1 边偏移3.2 定位模式 (position)静态定位(static) —了解相对定位(relative)—重要绝对定位(absolute) —重要定位口诀—子绝父相固定定位(fixed) - 重要4. 定位(position)的案例4.1 仿新浪头部和广告5. 定位(position)的扩展5.1 绝对定位的盒子居中5.2 盒子居中定位示意图5.3 堆叠顺序(z-index)☆5.4 定位改变di原创 2020-10-31 17:06:46 · 3178 阅读 · 0 评论 -
10.前端基础--CSS盒子浮动
文章目录前端基础--CSS盒子浮动1. CSS 布局的三种机制2. 为什么需要浮动?3. 什么是浮动float3.1 浮动的作用3.2 浮动的语法浮动口诀3.3 浮动float的应用☆浮动和标准流的父盒子搭配导航栏案例3.4 浮动float的扩展浮动元素与父盒子的关系浮动元素与兄弟盒子的关系4. 清除浮动4.1 为什么要清除浮动4.2 清除浮动本质4.3 清除浮动的方法额外标签法(隔墙法)父级添加overflow属性方法使用after伪元素清除浮动案例代码:4.4 清除浮动总结5. Photoshop切图5原创 2020-10-31 15:00:07 · 1391 阅读 · 0 评论 -
9. 前端基础--CSS盒子模型
文章目录前端基础--CSS盒子模型1. 看透网页布局的本质2. 盒子模型(Box Model)2.1 标准盒子模型2.2 盒子边框(border)盒子边框写法总结表2.3 表格的细线边框2.4 内边距(padding)内边距的设置案例—新浪导航内盒尺寸计算(元素实际大小)内边距产生的问题padding不影响盒子大小情况☆2.5 外边距(margin)块级盒子水平居中☆文字居中和盒子居中区别☆插入图片和背景图片区别清除元素的默认内外边距☆外边距合并3. 盒子模型布局稳定性4. ps基本操作以及常用快捷键5.原创 2020-10-31 09:52:27 · 310 阅读 · 0 评论 -
8.前端基础--CSS三大特性
继承的权重是 0标签选择器的权重是 1类选择器的权重是 10id选择器的权重是 100行内样式的权重是 1000!important 权重是 无穷大原创 2020-10-19 19:32:37 · 129 阅读 · 0 评论 -
7. 前端基础--CSS背景和行高
文章目录CSS背景和行高1. CSS 背景(background)1.1 背景颜色(color)1.2 背景图片(image)1.3 背景平铺(repeat)1.4 背景位置(position) 重点1.5 背景附着1.6 背景简写☆1.7 背景透明(CSS3)1.8 背景总结2. 行高那些事(line-height)2.1 行高测量2.2 单行文本垂直居中☆CSS背景和行高1. CSS 背景(background)背景的作用css背景图片和插入图片的区别通过css背景属性,给页面元原创 2020-10-18 16:39:55 · 229 阅读 · 0 评论 -
6. 前端基础--CSS标签显示模式☆
文章目录标签显示模式(display)1. 什么是标签显示模式2. 块级元素(block-level)3. 行内元素(inline-level)4. 行内块元素(inline-block)5. 三种模式总结区别6. 标签显示模式转换 display☆标签显示模式(display)标签的三种显示模式三种显示模式的特点以及区别理解并实现三种显示模式的相互转化1. 什么是标签显示模式什么是标签的显示模式?标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个我原创 2020-10-18 13:26:27 · 144 阅读 · 0 评论 -
5. 前端基础--CSS复合选择器
CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。 目的是为了可以选择更准确更精细的目标元素标签。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。原创 2020-10-18 12:08:09 · 162 阅读 · 0 评论 -
4. 前端基础--CSS文字文本样式
文章目录CSS文字文本样式1. font字体1.1 font-size:大小1.2 font-family:字体CSS Unicode字体1.3 font-weight:字体粗细1.4 font-style:字体风格1.5 font:综合设置字体样式 (重点)2. CSS外观属性2.1 color:文本颜色2.2 text-align:文本水平对齐方式2.3 line-height:行间距2.4 text-indent:首行缩进2.5 text-decoration 文本的装饰2.6 CSS外观属性总结☆☆转载 2020-08-28 00:09:11 · 349 阅读 · 0 评论 -
3. 前端基础--CSS基础选择器
文章目录CSS基础选择器1. CSS选择器作用(重点)2. CSS基础选择器2.1 标签选择器2.2 类选择器课堂案例:类选择器--多类名用法2.3 id选择器2.4 id选择器和类选择器区别2.5 通配符选择器3. 基础选择器总结☆☆团队约定☆CSS基础选择器1. CSS选择器作用(重点)找到特定的HTML页面元素CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 。css 就是分两件事: 选对人, 做对事。h3 { color: red;}这段原创 2020-08-26 12:52:06 · 214 阅读 · 0 评论 -
2. 前端基础--CSS概述
CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表)作用:主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。原创 2020-08-26 11:12:50 · 178 阅读 · 0 评论 -
1. 前端基础--html
念念不忘,必有回响原创 2019-09-15 15:32:15 · 316 阅读 · 0 评论