![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端疑难点
文章平均质量分 72
流沙丶
以博客的形式让大家能够认识我,希望在互联网的浪潮留下自己的名字!
展开
-
滑动门技术
产生背景:不同的字数宽度不同,因此我们不方便给固定的宽度这时就需要一种能够自由拉伸的技术滑动门案例滑动门:让我们的背景大小可以根据内容大小自己撑开这就是滑动们技术,使背景根据文字内容的大小自由拉伸,一般适用于导航栏代码实例 <style> li{ float: left; list-style: none;...原创 2019-07-23 17:21:10 · 419 阅读 · 0 评论 -
实现圣杯布局
圣杯布局特点:左右两栏都是固定的宽度,中间栏的宽度随着浏览器的变化而变化****在网页加载过程中先加载中间主体在加载两边部分效果代码实例 <style> .container{ /*不给宽度继承浏览器的宽度*/ height: 200px; background-color: #FF85...原创 2019-07-24 11:57:33 · 187 阅读 · 0 评论 -
文本溢出隐藏
文本溢出隐藏是网页中经常遇见的一种技术非常的普遍,文本溢出隐藏又分为了单行文本溢出隐藏,多行文本溢出隐藏单行文本溢出隐藏重要属性white-space:规定了强制文本在一行显示,默认参数nowrapoverflow:文本隐藏必须与overflow连用才能生效text-overflow:改属性规定了当文本溢出盒子的时候怎么处理文本代码实例 div{ ...原创 2019-07-24 17:13:14 · 1092 阅读 · 0 评论 -
伪元素选择器
伪元素选择器伪元素不是真正的页面元素,html中没有对应的元素伪元素在html中无法审查,但是伪元素的用法和真正的页面元素一样,可以用来对css设置样式。区分伪类选择器和伪元素选择器:hover 关键字 “:” 代表伪类选择器,伪类选择器本质是用来选择对象的:: 关键字“::”伪类选择器本质上是插入了一个元素或者说插入了一个盒子,伪元素选择器默认插入的是Inline(行内元素)<!...原创 2019-07-23 10:19:11 · 2383 阅读 · 0 评论 -
背景渐变
背景渐变背景渐变简单来说背景颜色不再是单一的色调而是从一种颜色过度到另一种颜色语法格式backgroud:linear-gradient(起始位置,起始颜色,结束颜色)代码实列<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta na...原创 2019-07-23 10:31:52 · 376 阅读 · 0 评论 -
CSS定位机制
网页布局的核心就是利用css摆放盒子的位置css定位机制有3种分为了 普通流 浮动 定位普通流:网页元素按照标签从上往下从左到右进行排序浮动:让元素脱离文档流不占位置会影响标准流代码实例 <style> div:first-child{ width: 100px; height: 100px; ...原创 2019-07-23 11:24:07 · 192 阅读 · 0 评论 -
BFC究竟是什么
BFC(block format content 块级格式化上下文)本质上就是一个封闭的空间,不管内部元素如何布局BFC都不会影响外面的盒子不是所有的元素都可以产生 BFC特性,只有display模式为 block table list-item等块级元素可能会产生BFC,是可能会产生BFC区域 ,并不是所有的块级元素都会产生BFC区域块**级元素只是具备了产生BFC的条件****(欲练神功必先...原创 2019-07-23 12:08:39 · 194 阅读 · 0 评论 -
掌握flex弹性布局
flex布局是css3中一个非常好用的布局方式,它的主要思想是给容器盒子控制内部元素高度和宽度的能力,flex弹性盒子用来方便定义内部元素的排列规则和布局flex常用属性的使用:使用flex首先需要将父元素的display显示模式设置为flex给父元素控制内部元素的能力 <style> section{ width: 900px; ...原创 2019-07-23 15:47:32 · 154 阅读 · 0 评论