??? 关于CSS的那些事血污鸾凰,下拉框李守洪排名大师,烈焰先知之杖怎么做,waynexzavier,王小隶,恒大再战柏太阳神,前世今生 水月风,蛇灵降,和主人的十个约定,三只小猪学英语,黛芙薇尔唯一外围365_365彩票买外围_365外围网 怎么,方艺蒙,南昌丰胸骗局,明晰谷,王小琰,萧观音,王中平欠债,cs1.5硬盘版下载,守护甜心之公主逆袭,黄纪宪,穿越之混元剑圣,都市至强者降临,乐博维外围365_365彩票买外围_365外围网 怎么,月影传说单机版下载,musstosi,网游之演技一流,朴绍宥,初恋夫妇130713,缘之空攻略,悲歌王,抗战之血色残阳,总裁前妻不掉价,www.chenluzhaon.cn,破碎海滩调查军团,中山思量网房产频道,司机向交警下跪,泷川雅美bt,爱非喜,易虎臣资料,紫塞明珠聊天室,handshaker,bemmart,lily思维英语,三级片,完美乐天派,多兄长,达达兔2018,菲或视察南海岛礁,最后一颗子弹留给我小说,闾丘露薇滚出新闻界,校园之护花兵王,雅瓦诺夫斯基,幻灵游侠欢乐谷,杨龙传奇3,聊城新闻网,花总遭死亡威胁,wingdings2字体下载,火影同人之亦,大中华娱乐89168澳门官方,门萨俱乐部,渊海腾澜,深海魔怪,郝德望,馆陶征婚,过江龙奇油,暗黑血统2支线任务,杨忠万,郑欣宜穿比基尼,全能大歌王,新欢外交官,十字路口的美少年,撸客网,皮裤胡同凶宅奇案,重生空间之田园归处,投机者面罩,混世打工仔,bareas,李月增,风雅直人,情陷静天,交管局长被判无期,猎艳至尊,赵宗绩,凤于九天 风弄 小说,ca1512,菜鸟人夫,幽默手机短信,早鸟网,贱客学校,吴守文,终焉誓约,庶女生存手册,风雷速递外围365_365彩票买外围_365外围网 怎么,吉赛尔近卫兵的徽章有什么用,叶选廉的五个私生女,谁动了朕的废后,张以泓,caipu789大全,禄步垃圾焚烧厂,韩道敬, 外围365_365彩票买外围_365外围网 怎么

关于CSS的那些事

?? 信息来源:HmPbyRdhs

CSS简介

想要制作出好看又高大上的网页,除了编写好HTML文件外,CSS的编写也必不可少。CSS的英文全称是Cascading Style Sheets,即层叠样式表。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。下面我来介绍一些关于CSS的小技巧。

什么是文档流?

文档流的英文是 Normal Flow,其含义为文档内元素的流动方向,简单来说就是内联元素从左往右,块级元素从上往下流动。文档流中内联元素默认从左到右排列,宽度不够则自动换行;而文档流中块级元素从上到下排列,每个元素占一行。其中,float:left、position:absolute、position: fixed 可以使元素脱离文档流。

内联元素

给 inline 元素设置宽高是没有任何效果的,但是为其设置 margin、padding都是有效果的。

div高度由什么决定?

div高度由其内部文档流元素高度总和决定,一旦元素脱离了文档流就不再计入div高度中。

content-box 与 border-box 的区别是什么?

border-box 的 width 包括 padding 和 border,而content-box 正好与之相反,其width 不包括 padding 和 border。

关于背景图片的那些小技巧

1、背景图片太大没办法居中显示怎么办?background-position:center center;

2、想完整显示图片如何按比例缩放?background-size:cover;

3、想要在页面上显示两个空格,应该怎么写代码?在代码里写 才行。

如何做横向布局?

当我们想要让某些元素做横向布局时,我们都可以用以下套路来实现

1、给所有想要在一行内的子元素加上float: left;属性

2、给所有父元素加上 clearfix 类

3、其中 clearfix 类为: .clearfix::after{

content: '';

display: block;

clear: both;

}

CSS画三角形

下面我们将利用纯css来画一个三角形:div{

border: 10px solid transparent;

width: 0px;

border-left-color: #e6686a;

border-top-width: 0px;

}

喜欢前端的小伙伴们可以在评论区留言,寻找和小冯童鞋一样热爱前端的友人,让我们一起玩转前端的世界!

今日热点

  • 中外学子在京参加“冬奥有我”服装服饰展演

    中外学子在京参加“冬奥有我”服装服饰展演

  • 振兴杯| 一块铁疙瘩能变成什么?他们亮“绝活”

    振兴杯| 一块铁疙瘩能变成什么?他们亮“绝活”

  • 爸爸只需做到这三件事,家庭更幸福,孩子也会更优秀

    爸爸只需做到这三件事,家庭更幸福,孩子也会更优秀

  • 结婚前 女子突然发现未婚夫还有几场婚礼要办

    结婚前 女子突然发现未婚夫还有几场婚礼要办

  • 哪里需要就补上——记人民满意的公务员、鄠邑区医保局局长黄会云

    哪里需要就补上——记人民满意的公务员、鄠邑区医保局局长黄会云

  • 罗雪娟鸣枪 羊汤烧饼收尾 北京常营半马暖意满满

    罗雪娟鸣枪 羊汤烧饼收尾 北京常营半马暖意满满

小编精选

  • 裁判现场指点跳伞观赛“秘籍”,观众:不虚此行,看得尽兴
  • 托云牧场司法所在基层连队开展“服务大局普法行”巡回法治宣传活动
  • 男子被困深山 警方成功救助
  • 电鳗的电从何而来?《正大综艺·动物来啦》揭秘电鳗放电全过程
  • 珠海这台车被交警连追3天刚刚落网!车主忽略这事损失两万……
  • 航拍河北遵化雾气笼罩似仙境
  • 二师华山职校举行教职工趣味体育运动会

视角

  • 改变命运的一块屏|巴基斯坦前总理肖卡特·阿齐兹:互联网是教师,获取信息就是赋权
  • 渐失“人心”,又一快时尚品牌濒临“倒地”
  • 全国人大常委会会议今召开 将审议多部重要法律草案

血污鸾凰,下拉框李守洪排名大师,烈焰先知之杖怎么做,waynexzavier,王小隶,恒大再战柏太阳神,前世今生 水月风,蛇灵降,和主人的十个约定,三只小猪学英语,黛芙薇尔唯一外围365_365彩票买外围_365外围网 怎么,方艺蒙,南昌丰胸骗局,明晰谷,王小琰,萧观音,王中平欠债,cs1.5硬盘版下载,守护甜心之公主逆袭,黄纪宪,穿越之混元剑圣,都市至强者降临,乐博维外围365_365彩票买外围_365外围网 怎么,月影传说单机版下载,musstosi,网游之演技一流,朴绍宥,初恋夫妇130713,缘之空攻略,悲歌王,抗战之血色残阳,总裁前妻不掉价,www.chenluzhaon.cn,破碎海滩调查军团,中山思量网房产频道,司机向交警下跪,泷川雅美bt,爱非喜,易虎臣资料,紫塞明珠聊天室,handshaker,bemmart,lily思维英语,三级片,完美乐天派,多兄长,达达兔2018,菲或视察南海岛礁,最后一颗子弹留给我小说,闾丘露薇滚出新闻界,校园之护花兵王,雅瓦诺夫斯基,幻灵游侠欢乐谷,杨龙传奇3,聊城新闻网,花总遭死亡威胁,wingdings2字体下载,火影同人之亦,大中华娱乐89168澳门官方,门萨俱乐部,渊海腾澜,深海魔怪,郝德望,馆陶征婚,过江龙奇油,暗黑血统2支线任务,杨忠万,郑欣宜穿比基尼,全能大歌王,新欢外交官,十字路口的美少年,撸客网,皮裤胡同凶宅奇案,重生空间之田园归处,投机者面罩,混世打工仔,bareas,李月增,风雅直人,情陷静天,交管局长被判无期,猎艳至尊,赵宗绩,凤于九天 风弄 小说,ca1512,菜鸟人夫,幽默手机短信,早鸟网,贱客学校,吴守文,终焉誓约,庶女生存手册,风雷速递外围365_365彩票买外围_365外围网 怎么,吉赛尔近卫兵的徽章有什么用,叶选廉的五个私生女,谁动了朕的废后,张以泓,caipu789大全,禄步垃圾焚烧厂,韩道敬,

宝宝起名宝典 http://www.bbqmw.net/qm_bbqmbd/
蜘蛛池