![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
大前端
文章平均质量分 63
suxiaorui
孤独与我 随风相伴
展开
-
CSS浮动
什么是网页的布局方式 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 标准流(文档流/普通流)排版方式 浏览器默认的排版方式就是标准流的排版方式 在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版 垂直排版, 如果元素是块级元素, 那么就会垂直排版 水平排版, 如果元素是行内元素/行内块级元素, 那么就会水平排版 浮动流排版方式 浮动流是一种"半脱离标准流"的排版方式 浮动流只有一种排版方式, 就是水平原创 2021-01-22 18:49:09 · 181 阅读 · 0 评论 -
CSS显示模式
CSS显示模式 在HTML中,HTML将所有的标签分为两类, 分别是容器级和文本级 容器级的标签 div h ul ol dl li dt dd ... 文本级的标签 span p buis stong em ins del ... 在CSS中,CSS也将所有的标签分为两类, 分别是块级元素和行内元素 什么是块级元素, 什么是行内元素? 块级元素会独占一行 行内元素不会独占一行 块级元素 独占一行 如果没有设置宽度, 那么默认和父元素一样宽 如果设置了宽高, 那么就按照设置的来显示 行内原创 2021-01-21 20:43:37 · 174 阅读 · 0 评论 -
CSS三大特性
CSS三大特性 一.继承性 什么是继承性? 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性。 注意点: 并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 a标签的文字颜色和下划线是不能继承的 h标签的文字大小是不能继承的 二.层叠性 三.优先级 ...原创 2021-01-21 20:20:59 · 146 阅读 · 0 评论 -
大前端-HTML-基本概念
基本概念 浏览器概念:浏览器是指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。 常用浏览器: Internet Explorer Firefox Safari Op...原创 2019-07-14 19:56:57 · 794 阅读 · 1 评论 -
大前端-HTML-标签
标签 标签概述 HTML标签是HTML语言中最基本的单位 不同的标签在网页当中会显示不同的内容 标签特点 由尖括号包围的关键词,比如 <html> 通常是成对出现的,比如 <div> 和 </div> 标签对中的第一个标签是开始标签,第二个标签是结束标签; 开始和结束标签也被称为开放标签和闭合标签 ...原创 2019-07-14 20:44:28 · 233 阅读 · 0 评论 -
大前端-CSS-基础2
标签元素划分 块元素 特点 自己单独占一行,就像一个段落 能随时设置宽度和高度 常见块元素 ul li form h1-h6 hr p div 内联(行内)元素 特点 不会自己独立占一行,就好像一个单词,一直往后排 宽度(width)、高度(height)、内边距的top/botto...原创 2019-07-18 10:41:12 · 131 阅读 · 0 评论 -
大前端-CSS-基础3
CSS选择器的优先级别 选择器的针对性越强,它的优先级就越高 选择器的权值 原则:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先 优先级别排序 important > 内联 > id > 类 > 标签 | 伪类 | 属性选择 |伪元素 > 通配符 > 继承 CSS的布局 默认情况下,所有的网页标签都在标准流布局中 从上...原创 2019-07-18 14:23:03 · 176 阅读 · 0 评论 -
大前端-CSS-基础1
标签之间的关系 祖先元素 直接或间接包含后代元素的元素。 后代元素 直接或间接被祖先元素包含的元素。 父元素 直接包含子元素的元素。 子元素 直接被父元素包含的元素。 兄弟元素 拥有相同父元素的元素。 设置浏览器标签图标 favicon.ico favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者...原创 2019-07-16 20:44:15 · 256 阅读 · 0 评论 -
大前端-CSS-基础4
雪碧图 基本概念: 雪碧图被运用在众多使用了很多小图标的网站上。 相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更好。 CSS Sprites的优点: 将多张图片合并到一张图片中,可以减小图片的总大小。 将多张图片合并成一张图片后,下载全部所需的资源,只需一次请求。可以减小建立连接的消耗。 注意: ...原创 2019-07-25 11:03:04 · 107 阅读 · 0 评论