
css
zhenzuo_x
这个作者很懒,什么都没留下…
展开
-
初学CSS容易忽视忘却的小知识点
id 选择器 : CSS中id选择器以“#”来定义class 选择器 : CSS中,类选择器以一个点“.”号显示CSS创建 : 三个概念 (外部样式表 、内部样式表 、 内联样式)background-repeat : no-repeat; //表示背景图像不平铺background-position : right top; //表示图像在背景中的位置background-atta...原创 2018-04-07 23:22:56 · 215 阅读 · 0 评论 -
CSS绝对定位之水平居中
最近博主在做一份小作业,发现关于水平居中,本来div可以通过写 margin: 0px auto; 实现水平居中,但是当把div的位置绝对定位的时候,此种方法却无法实现。为此上网查询了一些方法,可通过position: absolute;width: 400px; //div的宽度left: 50%;margin-left: -200px; //div宽度的一半 ...原创 2018-09-02 23:25:23 · 920 阅读 · 0 评论 -
css 布局模型
在CSS中,有三种布局模型,分别为:流动模型,浮动模型,层模型。1. 流动模型(Flow)流动模型为网页默认的布局模式。其中两个比较典型的特征:a. 块状元素都占满一行,垂直分布下来,宽度默认都为100%。b. 行内元素从左向右水平分布。2. 浮动模型(Float)可为元素定义浮动模型:float: left; //向左浮动 float: right; //...原创 2018-09-09 21:45:35 · 196 阅读 · 0 评论 -
div 并列办法
在CSS中,div为块状元素,会自动实现换行效果。因此若有多个div结构要实现并列,可以使用如下方法:1. float:left 方法HTML:<div id="testOne">testOne</div><div id="testTwo">testTwo</div>CSS:#testOne{ float:l...原创 2018-04-14 23:47:50 · 2303 阅读 · 0 评论 -
CSS实现三角形
好久没写博客了,这段实习期间真的好忙哦。终于今天有时间来对之前说的面试进行一个小小的总结,后续再慢慢补充一些。在面试阿里的前端时,对基础的知识的考察中,考察到一个经典的问题,但是博主当时这个问题并没有去进行相应的学习,面试官对我建议后续再补充学习下,因此今天也来补充总结下。CSS实现三角形对于一个三角形,如何用css来实现呢?其实代码很简单,在此直接贴上相应的代码以及相应的效果。...原创 2019-06-06 17:12:42 · 1703 阅读 · 0 评论