当前位置 : 主页 > 网络编程 > 其它编程 >

后端码农谈前端(CSS篇)第六课:盒子模型【HTML】

来源:互联网 收集:自由互联 发布时间:2023-07-02
web前端|html教程后端码农谈前端(CSS篇)第六课:盒子模型web前端-html教程元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘 web前端
web前端|html教程后端码农谈前端(CSS篇)第六课:盒子模型web前端-html教程元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘 web前端|html教程后端码农谈前端(CSS篇)第六课:盒子模型【HTML】 后端码农谈前端(CSS篇)第六课:盒子模型 web前端-html教程元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 哪些游戏有源码,vscode多行li标签,ubuntu登录超时,安装和启动tomcat,爬虫片源,php合并json,正规seo优化推广运营,上传网站需要什么软件下载,个人订阅号插件模板lzw提示:背景应用于由内容和内边距、边框组成的区域。 jquery 源码下载,vscode收起所有方法,ubuntu完爆,搭建tomcat高可用,HTTP爬虫api,php伪原创代码,百度seo优化思路,算卦网站源代码,站群模板下载lzw A、CSS 内边距属性 采集微信文章源码,g4560 ubuntu,tomcat配环境变量,爬虫 宠物 无毒,php联合主键,大连百度seo关键词优化lzw属性描述padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边距。padding-top设置元素的上内边距。

属性值:

auto:浏览器计算内边距。 length:规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。 %:规定基于父元素的宽度的百分比的内边距。 inherit:规定应该从父元素继承内边距。 B、CSS 边框属性

1、border

属性描述border简写属性,用于把针对四个边的属性设置在一个声明。border-bottom简写属性,用于把下边框的所有属性设置到一个声明中。border-left简写属性,用于把左边框的所有属性设置到一个声明中。border-right简写属性,用于把右边框的所有属性设置到一个声明中。border-top简写属性,用于把上边框的所有属性设置到一个声明中。

2、border-style

属性描述border-style用于设置元素所有边框的样式,或者单独地为各边设置边框样式。border-bottom-style设置元素的下边框的样式。border-left-style设置元素的左边框的样式。border-right-style设置元素的右边框的样式。border-top-style设置元素的上边框的样式。

属性值:

none:定义无边框。 hidden:与 “none” 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。 dotted:定义点状边框。在大多数浏览器中呈现为实线。 dashed:定义虚线。在大多数浏览器中呈现为实线。 solid:定义实线。 double:定义双线。双线的宽度等于 border-width 的值。 groove:定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge:定义 3D 垄状边框。其效果取决于 border-color 的值。 inset:定义 3D inset 边框。其效果取决于 border-color 的值。 outset:定义 3D outset 边框。其效果取决于 border-color 的值。 inherit:规定应该从父元素继承边框样式。

3、border-width

属性描述border-width简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。border-bottom-width设置元素的下边框的宽度。border-left-width设置元素的左边框的宽度。border-right-width设置元素的右边框的宽度。border-top-width设置元素的上边框的宽度。

属性值:

thin:定义细的边框。 medium:默认。定义中等的边框。 thick:定义粗的边框。 length:允许您自定义边框的宽度。 inherit“规定应该从父元素继承边框宽度。

4、border-color

属性描述border-color简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。border-bottom-color设置元素的下边框的颜色。border-left-color设置元素的左边框的颜色。border-right-color设置元素的右边框的颜色。border-top-color设置元素的上边框的颜色。

color_name:规定颜色值为颜色名称的边框颜色(比如 red)。 hex_number:规定颜色值为十六进制值的边框颜色(比如 #ff0000)。 rgb_number:规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。 transparent:默认值。边框颜色为透明。 inherit:规定应该从父元素继承边框颜色。 C、CSS 外边距属性

属性描述margin简写属性。在一个声明中设置所有外边距属性。margin-bottom设置元素的下外边距。margin-left设置元素的左外边距。margin-right设置元素的右外边距。margin-top设置元素的上外边距。

属性值:

auto:浏览器计算外边距。

length:规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。

%:规定基于父元素的宽度的百分比的外边距。

inherit:规定应该从父元素继承外边距。

D、外边距合并:

外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

【文章原创作者:美国服务器 http://www.558idc.com/mg.html提供,感恩】
上一篇:Android后台运行白名单实现保活
下一篇:没有了
网友评论