CSS框模型 css
程序员文章站
2022-03-21 14:20:00
...
内边距
按照上、右、下、左的分别设置各地的内边距,各边可以使用不同的单位或百分比值:
相对路径与绝对路径
通过position来定义路径类型。
position:absolute为绝对路径,
position:relative;为相对路径,也就是在同一个<div/>标签中,相对于绝对位置的标签的位置。
通过boder属性来定义边框样式;
边框四周宽度
设置边框四边宽度,(boder-top;boder-right;boder-bottom;boder-left);
按照上、右、下、左的分别设置各地的内边距,各边可以使用不同的单位或百分比值:
h1 { padding-top: 10px; padding-right: 0.25em; padding-bottom: 2ex; padding-left: 20%; } //还可以这样写 h1 {padding: 10px 0.25em 2ex 20%;}
相对路径与绝对路径
通过position来定义路径类型。
position:absolute为绝对路径,
.div { position: absolute; left: 100px; top: 100px; }
position:relative;为相对路径,也就是在同一个<div/>标签中,相对于绝对位置的标签的位置。
通过boder属性来定义边框样式;
边框四周宽度
设置边框四边宽度,(boder-top;boder-right;boder-bottom;boder-left);
上一篇: jquery选择器 jqueryhtml
下一篇: CSS框模型 css
推荐阅读
-
多种方案实现 CSS 斜线
-
使用checkbox实现纯CSS下拉框_html/css_WEB-ITnose
-
30 套精美免费的 bootstrap 模板_html/css_WEB-ITnose
-
前端编码规范(4)-- CSS 和 Sass (SCSS) 规范_html/css_WEB-ITnose
-
iconfont-矢量图标字体的运用_html/css_WEB-ITnose
-
小米手机上!微信中,输入弹出键盘把页面顶变形了!_html/css_WEB-ITnose
-
CSS--布局(Layout)
-
Yii2的相关学习记录,自定义gii模板和引用vendor中的js、css(四) - 漫游云巅
-
关于css的兼容_html/css_WEB-ITnose
-
纯CSS3实现彩色缎带效果_html/css_WEB-ITnose