Css

css 盒子模型理解

盒子模型是html+css中最核心的基础知识,理解了这个重要的概念才能更好的排版,进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^,希望对初学者有用。一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel),包含了元素内容(content)、内边距(padding)、边框(border...
代码星球·2021-02-22

CSS3选择非first-child第一个子元素

有时候我们需要用CSS选择非第一个子元素,例如下面这样的HTML,希望让两个span之间间隔一定的距离,但又不希望简单的给每个span设置margin-right(会导致最后一个span也有margin-right,可能影响之后元素的排版)。这时如果能排除第一个元素,并给其他元素设置margin-left属性,就能实现...

css 实现空心三角形

https://blog.csdn.net/weixin_41544124/article/details/86249913...
代码星球·2021-02-22

css通用样式

https://blog.csdn.net/weixin_43320501/article/details/84851831?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase&d...
代码星球·2021-02-22

css sticky footer布局实现方式

什么是cssstickyfooter我们常见的网页布局方式一般分为header(页头)部分,content(内容区)部分和footer(页脚)部分。当页头区和内容区的内容较少时,页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时,页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的Stick...

常用css reset

1、EricMeyer’s“ResetCSS”2.01/**2*EricMeyer'sResetCSSv2.0(http://meyerweb.com/eric/tools/css/reset/)3*http://cssreset.com4*/5html,body,div,span,applet,object,ifra...
代码星球·2021-02-22

50道css基础面试题

1、介绍一下标准的css的盒子模型?与低版本IE的盒子模型有什么不同?答:标准的盒子模型:宽度=内容的宽度(content)+border+padding+margin    低版本IE盒子模型:宽度=内容宽度(content+border+padding)+margin2、bo...
代码星球·2021-02-22

兼容IE6/7/8的css实现背景透明

html代码<TABLEcellSpacing=0cellPadding=0width="100%"border=0><TBODY><TR><TDclass=khdxz_intro><P>本报告期(2017/12/2-2017/12/5)海运煤炭运价经过一期的...

css中“box-sizing”详解

今天翻到w3c上关于box-sizing这个属性值,发现上面的概念异常难懂,最后查找资料对其进行总结,总结如下定义:box-sizing:允许您以特定的方式定义匹配某个区域的特定元素(W3C上的原话)语法:box-sizing:content-box|border-boxcontent-box:宽度和高度分别应用到元素...
代码星球·2021-02-22

css控制文字不换行且越界部分以省略号显示

代码如下:<style>*{margin:0px;padding:0px;}.fontCss{text-overflow:ellipsis;white-space:pre;width:300px;height:300px;margin:0auto;background:pink;overflow:hidde...

[浅谈CSS核心概念] CSS布局模型:float和position

那么在层模型中,这些元素又是如何定位的呢,这就要用到position属性,并通过left/right/top/bottom进行定位:position:absoluteposition:fixedposition:relative注:position的默认值是static,即不会特殊定位浮动的元素如果不想覆盖下层元素,可...

[浅谈CSS核心概念] CSS元素类型和盒模型

慕课网-HTML+CSS基础课程CSS最核心的几个概念...

【知识碎片】CSS 篇

   地方卡机了会计师的立法及 => 地方卡机了...max-width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; ...
代码星球·2021-02-21

[div+css]竖排菜单

  1 <!doctype html> 2 <html lang="en"> 3 <head> 4     <meta ...
代码星球·2021-02-21

[div+css]网站布局实例二

重点:合理应用"xhtml标签"建立良好的页面结构拿到一份"设计方案"的效果图后不要立即开始编码,而是要首先理清"各元素之间的关系";然后思考"以什么标签来组织所需表现的内容".**分析页面的基本构成,主要分成5区域:上部LOGO;导航菜单;左侧边栏;右侧内容;底部版权区.**布局规划:上部LOGO+导航菜单=>...
代码星球·2021-02-21