51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
文章频道
前端
css3
Javascript
html
Html5
Css
vue
网站优化
正则表达式
React
后端
C语言
C++
Java
.Net
PHP
Python
gis
Go语言
数据库
nosql
其他
Redis
sql
Mysql
Oracle
sqlserver
mongodb
移动
Flutter
Android
IOS
微信
微信小程序
支付宝小程序
快应用
开源
hadoop
资讯
经验
其他
工具
互联网络
代码编辑器
报表/图表
其他
算法
操作系统
linux
unix
windows
centos
mac
游戏开发
架构
微服务
网站架构
分布式系统
系统架构
软件工程
敏捷开发
软件工程
Css
css 盒子模型理解
盒子模型是html+css中最核心的基础知识,理解了这个重要的概念才能更好的排版,进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^,希望对初学者有用。一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel),包含了元素内容(content)、内边距(padding)、边框(border...
代码星球
·
2021-02-22
css
盒子
模型
理解
CSS3选择非first-child第一个子元素
有时候我们需要用CSS选择非第一个子元素,例如下面这样的HTML,希望让两个span之间间隔一定的距离,但又不希望简单的给每个span设置margin-right(会导致最后一个span也有margin-right,可能影响之后元素的排版)。这时如果能排除第一个元素,并给其他元素设置margin-left属性,就能实现...
代码星球
·
2021-02-22
CSS3
选择
first-child
第一
个子
css 实现空心三角形
https://blog.csdn.net/weixin_41544124/article/details/86249913...
代码星球
·
2021-02-22
css
实现
空心
三角形
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
通用
样式
css sticky footer布局实现方式
什么是cssstickyfooter我们常见的网页布局方式一般分为header(页头)部分,content(内容区)部分和footer(页脚)部分。当页头区和内容区的内容较少时,页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时,页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的Stick...
代码星球
·
2021-02-22
css
sticky
footer
布局
实现
常用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
常用
css
reset
50道css基础面试题
1、介绍一下标准的css的盒子模型?与低版本IE的盒子模型有什么不同?答:标准的盒子模型:宽度=内容的宽度(content)+border+padding+margin 低版本IE盒子模型:宽度=内容宽度(content+border+padding)+margin2、bo...
代码星球
·
2021-02-22
css
基础
试题
兼容IE6/7/8的css实现背景透明
html代码<TABLEcellSpacing=0cellPadding=0width="100%"border=0><TBODY><TR><TDclass=khdxz_intro><P>本报告期(2017/12/2-2017/12/5)海运煤炭运价经过一期的...
代码星球
·
2021-02-22
兼容
IE6
css
实现
背景
css中“box-sizing”详解
今天翻到w3c上关于box-sizing这个属性值,发现上面的概念异常难懂,最后查找资料对其进行总结,总结如下定义:box-sizing:允许您以特定的方式定义匹配某个区域的特定元素(W3C上的原话)语法:box-sizing:content-box|border-boxcontent-box:宽度和高度分别应用到元素...
代码星球
·
2021-02-22
css
box-sizing
详解
css控制文字不换行且越界部分以省略号显示
代码如下:<style>*{margin:0px;padding:0px;}.fontCss{text-overflow:ellipsis;white-space:pre;width:300px;height:300px;margin:0auto;background:pink;overflow:hidde...
代码星球
·
2021-02-22
css
控制
文字
换行
越界
[浅谈CSS核心概念] CSS布局模型:float和position
那么在层模型中,这些元素又是如何定位的呢,这就要用到position属性,并通过left/right/top/bottom进行定位:position:absoluteposition:fixedposition:relative注:position的默认值是static,即不会特殊定位浮动的元素如果不想覆盖下层元素,可...
代码星球
·
2021-02-21
CSS
浅谈
核心
概念
布局
[浅谈CSS核心概念] CSS元素类型和盒模型
慕课网-HTML+CSS基础课程CSS最核心的几个概念...
代码星球
·
2021-02-21
CSS
浅谈
核心
概念
元素
【知识碎片】CSS 篇
地方卡机了会计师的立法及 => 地方卡机了...max-width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; ...
代码星球
·
2021-02-21
知识
碎片
CSS
[div+css]竖排菜单
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta ...
代码星球
·
2021-02-21
div+css
竖排
菜单
[div+css]网站布局实例二
重点:合理应用"xhtml标签"建立良好的页面结构拿到一份"设计方案"的效果图后不要立即开始编码,而是要首先理清"各元素之间的关系";然后思考"以什么标签来组织所需表现的内容".**分析页面的基本构成,主要分成5区域:上部LOGO;导航菜单;左侧边栏;右侧内容;底部版权区.**布局规划:上部LOGO+导航菜单=>...
代码星球
·
2021-02-21
div+css
网站
布局
实例
专栏
更多
老潘
关注
欢迎关注
建站高手
关注
兴趣:做网站
星空
关注
星空下的梦~
代码星球
关注
IT猿
关注
首页
上一页
...
4
5
6
7
8
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他