css如何垂直对齐容器中的元素
css教程

css如何垂直对齐容器中的元素

阅读(1) 发布者(admin)

可以利用CSS3的Transform来实现容器中的元素垂直对齐。(推荐学习:css快速入门)具体代码实现:.verticalcenter{
position: relative;
top: 50%;
-webkit-transform:...

css伪类选择器介绍
css教程

css伪类选择器介绍

阅读(1) 发布者(admin)

伪类选择器:(推荐学习:css快速入门)1、link、hover、active、visiteda:link(未访问的链接状态),用于定义了常规的链接状态。a:hover(鼠标放在链接上的状态),用于产生视觉效果。a:activ...

三分钟了解css中z-index属性
css教程

三分钟了解css中z-index属性

阅读(0) 发布者(admin)

css中z-index属性在做项目时,常常会用到弹出一个层,然后在这个层上进行操作,操作完成时就关闭弹出层,或者点击别的地方进行关闭层。通常都会在p样式中设置z-index的值,比如父层设...

一文搞懂 flex中的自动 margin
css教程

一文搞懂 flex中的自动 margin

阅读(1) 发布者(admin)

为了引出本文的主题,先看看这个问题,最快水平垂直居中一个元素的方法是什么?水平垂直居中也算是 CSS 领域最为常见的一个问题了,不同场景下的方法也各不相同,各有优劣。嗯,下面这...

W3C盒子模型与IE盒子模型有什么区别
css教程

W3C盒子模型与IE盒子模型有什么区别

阅读(1) 发布者(admin)

我们通过实例来看看它们有什么不同:(推荐学习:css快速入门)一个盒子模型如下:margin:20px,border:10px,padding:10px;width:200px;height:50px; 现计算出两种盒子模型下盒子的宽...

style标签怎么用?
css教程

style标签怎么用?

阅读(1) 发布者(admin)

style标签的用法是:1、style标签放在head标签里;2、作为属性放在元素的开始标签中,每个属性值之间使用【;】分开;3、使用属性color,添加style属性的字体颜色。style标签的用法是:1...

display:inline是什么意思?
css教程

display:inline是什么意思?

阅读(1) 发布者(admin)

display:inline的意思是设置对象做为行内元素显示,inline是内联对象的默认值,而一般用的div是块级元素,默认display属性是block,,但将div的display设置为inline的话,则多个div显...

css中一个冒号和两个冒号分别代表什么?
css教程

css中一个冒号和两个冒号分别代表什么?

阅读(3) 发布者(admin)

一个冒号是伪类,两个冒号是伪元素。(推荐学习:css快速入门)伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中...

table 中 cellspacing 与 cellpadding 区别
css教程

table 中 cellspacing 与 cellpadding 区别

阅读(1) 发布者(admin)

table是什么?它是由一个个cell单元格构成的,在表格中,<td>的个数取决于每行<tr>中包裹的cell单元格个数!此外,默认table表格在没有添加css样式<style type="text/css">table tr t...

CSS 布局之两端布局实现
css教程

CSS 布局之两端布局实现

阅读(1) 发布者(admin)

最近在进行开发的过程中,有遇到两端对齐的布局,是按照百分比来进行布局的,之前有用过flex布局,但是flex布局,使用两端布局的时候,会出现一切bug。比如,下面的是动态生成的时候,三列...

什么是BFC?有什么用?
css教程

什么是BFC?有什么用?

阅读(1) 发布者(admin)

BFC(推荐教程:css快速入门)即块格式化上下文(block formatting context) 是页面 CSS 视觉渲染的一部分。它是用于决定块盒子的布局及浮动相互影响的一个区域。我的理解:BFC是一个...

CSS盒子模型是什么意思?
css教程

CSS盒子模型是什么意思?

阅读(2) 发布者(admin)

CSS盒子模型都具备内容content、内边距padding、边框border、外边距margin这些属性,这些属性可以用日常生活中的常见事物“盒子”作一个比喻来理解,所以称作为盒子模型。CSS (C...

一招搞定CSS轮播图
css教程

一招搞定CSS轮播图

阅读(2) 发布者(admin)

一招搞定CSS轮播图理论基础CSS3 animation 属性和 @keyframes 规则主体思想1、准备相同大小的多个图片2、将要展示图片横排放在一个图片容器里面3、在图片容器外再加一个展...

CSS中@import是什么意思?
css教程

CSS中@import是什么意思?

阅读(1) 发布者(admin)

在CSS中@import是导入CSS样式表,这种方式通常会在CSS文件中使用,这样做的好处是,可以把多个样式表导入到一个样式表中,从而在页面里面只需要导入一个样式表即可。视频教程推荐:《...

style标签的作用是什么
css教程

style标签的作用是什么

阅读(1) 发布者(admin)

style标签的作用是用来说明所要定义的样式,style标签用于为HTML文档定义样式信息,在style元素里,可以指定HTML元素在浏览器里的呈现方式,style标签应放在head里。定义及用法<sty...

block元素的特点有哪些
css教程

block元素的特点有哪些

阅读(1) 发布者(admin)

block元素的特点有:1、总是在新行上开始;2、高度,行高以及顶和底边距都可控制;3、宽度缺省是它的容器的100%,除非设定一个宽度。块元素特点:1.独占一行2.元素的宽高和内外边距都可...

display:block属性的作用是什么
css教程

display:block属性的作用是什么

阅读(2) 发布者(admin)

css中的display是设置元素显示的方式,block是一块状元素的方式显示,inline是以内联元素的方式显示,none是不显示,块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到...

display:none与visibility:hidden的区别是什么
css教程

display:none与visibility:hidden的区别是什么

阅读(2) 发布者(admin)

【display:none】与【visibility:hidden】的区别是:1、前者不为被隐藏的对象保留其物理空间,后者为被隐藏的对象保留其物理空间;2、前者值变成block的时候结构才会被加载进来,后...

visibility:hidden是什么意思
css教程

visibility:hidden是什么意思

阅读(1) 发布者(admin)

在css中visibility属性规定元素是否可见,其中visible为元素可见,hidden为元素不可见,所有主流浏览器都支持visibility属性,但是,任何的版本的Internet Explorer【包括 IE8】都不...

css3新增伪类有哪些
css教程

css3新增伪类有哪些

阅读(3) 发布者(admin)

css3新增伪类有:1、【p:first-of-type】;2、【p:last-of-type】;3、【p:only-of-type】;4、【p:only-child】;5、【p:nth-child(2)】。(推荐教程:css快速入门)CSS3新增伪类有那些?p:...

link与@import的区别有哪些
css教程

link与@import的区别有哪些

阅读(3) 发布者(admin)

link与@import的区别有:1、@import是CSS提供的语法规则,只有导入样式表的作用,link是HTML提供的标签,不仅可以加载CSS文件,还可以定义RSS、rel 连接属性等;2、@import是CSS2.1才有...

inline元素特点是什么
css教程

inline元素特点是什么

阅读(2) 发布者(admin)

inline元素特点是:1、水平方向上根据direction依次布局;2、不会在元素前后进行换行;3、受white-space控制;4、margin/padding在竖直方向上无效,水平方向上有效。对于我这样的初学...

CSS Position 属性值有哪些?
css教程

CSS Position 属性值有哪些?

阅读(4) 发布者(admin)

CSS Position属性值有:1、static,是position的默认值;2、fixed,生成固定定位的元素;3、absolute,生成绝对定位的元素;4、relative,生成相对定位的元素;5、inherit,继承父级属性值。1、...

10个 你可能不熟悉的 css伪类 及其用例介绍
css教程

10个 你可能不熟悉的 css伪类 及其用例介绍

阅读(2) 发布者(admin)

css 伪类是用于向某些选择器添加特殊的效果,是动态的,指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样...