自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > HTML|CSS代码 >

margin的值和垂直外边距重叠问题

并列盒子的margin(双margin的重叠)面试题:一个盒子有上边距,另一个盒子有下边距,会出现margin边距的重叠问题? 解决:取大值,并不是他们的相加之和,而是谁大听谁的! !DOCTYPE...

2021-07-12 09:40:11
<b>margin的值和垂直外边距重叠问题</b>

border制作三角形的技巧(面试题)

!DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlestyle.triangle{width: 0px;height: 0px;border-width: 100px;border-style: solid;border-color: red green blue yellow;}.triangle{width: 0px;height: 0px;border-width: 60px;bo...

2021-07-12 09:36:36
<b>border制作三角形的技巧(面试题)</b>

border制作小箭头的技巧(面试题)

不切图片的情况下如何制作箭头和小三角形的形状(面试题) !DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlestyle type="text/css".arrow{width: 20px;height: 20px;border-top: 1px solid red;border-left:...

2021-07-12 09:32:57
<b>border制作小箭头的技巧(面试题)</b>

css盒子模型之边框线border的使用技巧

!DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlestyle type="text/css"*{margin: 0;padding: 0;}.content{width: 100px;height: 100px;background-color: darkgoldenrod;/* border: 10px solid #000; */border:0;border-top-width:...

2021-07-12 09:29:37
css盒子模型之边框线border的使用技巧

css盒子模型之内边距padding及简写

如上图,padding值是复合属性按照顺时针(上右下做)顺序,其中padding的内边距影响盒子大小的实际宽高 !DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlestyle type="text/css".wrap{width: 200px...

2021-07-12 09:24:30
css盒子模型之内边距padding及简写

css盒子模型之宽度和高度

盒子模型的宽度width高度height;宽度和高度的单位px像素,使用%动态计算(自适应和响应式) HTML代码 div class="pag1"/divdiv class="pag2"/divdiv class="pag3"/divdiv class="pag4"/divdiv class="pag5...

2021-07-12 09:22:28
css盒子模型之宽度和高度

css盒子模型图解

如上截图,选中h2元素,真实的宽度868px,高度25.2px,受填充内边距padding值5px与边框值1px的影响,最终h2的实际宽高为868*25.2px,其中外边距margin不考虑 什么是css盒子模型?...

2021-07-12 09:18:42
css盒子模型图解

可以继承和不可以继承样式属性

无继承性的属性 display:规定元素应该生成的框的类型 文本属性 vertical-align:垂直文本对齐text-decoration:规定添加文本的装饰text-shadow:文本阴影效果white-space:空白符的处理...

2021-07-12 09:16:04
<b>可以继承和不可以继承样式属性</b>

权重和权重的计算

基本选择器中标签选择器权重为1,class选择器权重为10,id选择器权重100,通配符选择器*的权重为0-1 后代、子代、交集、并集、相邻兄弟、兄弟的权重为每个单独的选择器的权...

2021-07-12 09:14:02
权重和权重的计算

伪类选择器|css3新增的伪类选择器(面试题)|伪元素选择器

说明:文章更新于2021-7-21,原本是3篇文章,但是重新录入的时候只录入一篇,现在做下修改 css选择器之伪类选择器 a:link{color:#ff0000}/*未访问的链接*/a:visited{color:#00ff00}/*已访问...

2021-07-12 09:12:41
<b>伪类选择器|css3新增的伪类选择器(面试题)|伪元素选择器</b>

手机端