随笔分类 - 前端基础
摘要：css3私有前缀 私有前缀是为了让浏览器在 CSS3 规范还没有完全定稿时，能够试验性地实现新的 CSS 属性而引入,例如-webkit-border-radius 常见私有前缀 -webkit-:主要用于 Google Chrome 和 Safari 浏览器 -moz -：用于 Mozilla F
阅读全文
摘要：新增语义化标签 header:整个页面或部分区域的头部 footer:整个页面，或者部分区域的底部 nav:导航 article:文章、帖子、杂志、博客、评论等 section:页面中的某段文字或者文章中的某段文字 aside:侧边栏 main:文档的主要内容,（WHATWG没有语义,IE不支持）
阅读全文
摘要：浮动简介 浮动最早起设计出来是为了实现文字环绕图片或者文字环绕的效果,现在浮动是主流的页面布局方式之一 float:浮动属性,值可以是left、right对应向左和向右浮动 元素浮动之后的特点 脱离文档流 不管浮动前是什么元素,浮动后，默认宽高都是被内容撑开,而且可以设置宽高 不会独占一行，可以与其
阅读全文
摘要：盒模型的组成部分 CSS会把所有的HTML元素都看成一个盒子，所有的样式也是基于这个盒子 内容区（content）:元素中的文本或后代元素都是它的内容 内边距（padding）又称:补白，紧贴内容的补白区域 边框（border）: 盒子的边框 外边距（margin）：盒子与外界的距离，外边距不会影响
阅读全文
摘要：CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。允许你根据元素的标签名、类名、ID、属性等来选择元素，并将样式应用于这些选中的元素 基本选择器 通配配选择器 通配选择器:可以选中所有的HTML元素 通配选择器使用 符号 *,命中页面所有的元素 语法 * { 属性名:属性值; } 通配
阅读全文
摘要：CSS简介 CSS全称层叠样式表(Cascading Style Sheets) CSS也是一种标记语言,用于给HTML结构设置样式,例如文字大小、颜色元素宽高效果等等 核心思想:HTML搭建结构,CSS添加样式,实现结构与样式的分离 CSS行内样式 行内样式又称内联样式 直接在标签内通过style
阅读全文
摘要：CS架构与BS架构 C/S架构 Client(客户端) / Server(服务器) 需要安装客户端使用，哔哩哔哩客户端、腾讯视频客户端等 需求安装、需要更新、不跨平台 B/S架构 Browser(浏览器) / Server(服务器) 浏览器直接访问不需要安装,哔哩哔哩网页端、腾讯视频网页端等 无需安
阅读全文
