HTML+CSS
秋英之空
这个作者很懒,什么都没留下…
展开
-
清除浮动的最常用的四种方法
为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题原创 2021-06-19 15:53:47 · 249 阅读 · 0 评论 -
link与@import引入css文件区别
页面导入外部css文件的方法通常有两种,一种在网页中直接link标签加入,另一种在页面中@import引入css文件。两种引入形式如下:引入形式:两者差别:1 适用范围不同@import可以在网页页面中使用,也可以在css文件中使用,用来将多个css文件引入到一个css文件中;而link只能将css文件引入到网页页面中。2 功能范围不同link属于XHTML标签,而@import是CSS提供的一种方式,link标签除了可以加载CSS外,还可以定义rel连接属性,定义RSS等,@import就只转载 2021-06-19 15:01:47 · 946 阅读 · 1 评论 -
CSS波浪号选择器
波浪选择器用来选择所有匹配到的兄弟元素<ul><li class="something-important">Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li></ul>.something-important { color: red;}.something-important ~ li { fo转载 2020-06-03 22:04:26 · 1413 阅读 · 0 评论 -
flex布局介绍
写在前边网页布局,是前端入门的时候必学、必须熟练的一门技术,学到什么程度算是入门了呢?随便给你一个网站,你就可能快速的分析出网页的结构,然后搭建出模型,这是前端网页布局入门的最基本要求。作为一个前端初学者,在学习的时候可能会用到一些盒模型传统的布局方式(display + position + float),很多小伙伴用着用着就觉得这种传统布局写一些样式比...转载 2019-11-30 14:56:01 · 492 阅读 · 0 评论 -
less 和sass的区别
一、Less、Sass/Scss是什么?1、Less:是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量、继承、运算、函数。Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可在服务端运行。2、Sass:是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更...原创 2019-08-17 19:29:35 · 865 阅读 · 0 评论 -
web标准、HTML语义化
Web标准-结构、样式和行为的分离 Web标准是由一系列的标准组合而成,其核心思想就是将网页的结构、样式和行为分离开来,它可以分为三大类:结构部分、样式部分和行为部分。结构部分主要包括XML标准、XHTML标准;样式标准主要是指CSS标准;行为标准主要包括DOM标准和ECMAScript标准。其中每个部分都有一些详细的应该遵守的标准。这里就不意义细说。Web标准是一套理论性的指导思想,它的...转载 2019-08-24 11:44:43 · 179 阅读 · 1 评论 -
什么是FOUC?如何避免FOUC?
今天了解了一个新的名词叫做 FOUC 浏览器样式闪烁,之前也听说过一些类似的东西,比如样式突变等等,但这东西竟然有学名的。。什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Con...原创 2019-08-11 14:15:28 · 204 阅读 · 0 评论 -
bfc块级格式化上下文的原理
由于如浮动、margin值叠加等时候会用到BFC,但让我详细说BFC到底是什么,有说不清楚,所以决定对BFC的知识进行一个整理。1.BFC是什么 BFC中三个英文字母B、F、C分别是Block(块级盒子)、Formatting(格式化)、Context(上下文)。 BFC的中文意思是块级格式化上下文。简单的理解BFC,其从样式上和普通盒子没有什么区别,其从功能上可以将其看作是隔离了的...转载 2019-08-03 09:34:37 · 200 阅读 · 0 评论 -
左侧固定右侧自适应布局的几种方法
左侧float 右侧给个margin-left 左侧固定右侧自适应 左侧float 右侧margin-left <div class="content"> <div class="left"></div> <div class="right"></div></div> css .content { ...原创 2019-07-09 15:10:49 · 328 阅读 · 0 评论 -
一个满屏品字布局怎么设计?
需要用到技术元素水平居中对齐使用margin对齐(推荐)使用left:50%使用text-align:行内元素居中对齐,给父元素设置text-align: center元素对相对窗口定位使用filxed(推荐):总是根据浏览器的窗口来进行元素的定位使用absolute定位使用html和body的width和height填?这个窗口元素左右...原创 2019-06-05 18:31:05 · 196 阅读 · 0 评论