您的位置 : 首页 生活常识

css全称是什么?关于CSS的那些事

作者:小冯童鞋来了 2024-01-09 13:10:08

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;
}
相关推荐
哪些人可以直接在中国境内申请工作签证? 2024-12-27 08:00:41 阅读(100)

哪些人可以直接在境内申请工作签证?对于很多已经在华的外国人来说,想要在华工作就必须申请工作签证,但一般情况下外国人是不能直接在中国境内申请工作签证的,必须出境重新进行申请,一般至少需要2-3个月才能完成所有手续开始工作。但对于一些满足特殊条件的申请人来说,就可以直接在中国境内进行申请。接下来我们就来

强制执行的和解协议,“中止执行”和“终止执行”啥区别?张三在强制在执行过程中,和对方当事人李四达成了和解协议,在这个和解协议中,有一个词是需要非常谨慎的使用的:在履行和解协议的过程中,法院中止(终止)执行。到底应该用:“终止”还是用:“中止”呢?如果在履行和解协议的过程中,被执行人李四没有正当理由,

因为现实中各种各样的因素存在,很多刑事判决生效以后,被告人对判决没有任何异议,反而是被害人对判决不服,认为处罚过轻,甚至检察院决定不起诉。被害人及家属不服这样的结果时,其实救济途径很有限。依据《刑事诉讼法》的规定,被害人对刑事判决不服的,不能直接上诉,只能请求人民检察院抗诉。《刑事诉讼法》第229条

炒外汇的新手教程,来看看你知道多少! 2024-12-26 10:00:41 阅读(100)

外汇交易就是一国货币与另一国货币进行交换。与其他金融市场不同,外汇市场没有具体地点,也没有中央交易所,而是通过银行、企业和个人间的电子网络进行交易。个人做外汇的话要熟悉市场,做好调研之后在开始研究。“外汇交易"其实就是同时买入一对货币组合中的一种货币而卖出另外一种货币. 外汇是以货币对形式交易, 例