发表于： 2018-12-19 21:27:20
1 913
今天完成的事情，小课堂的ppt。
本来以为ppt很快就能下来的，毕竟盒子模型的概念没有太多的知识点。结果发现还是要构思一下，ppt放到这里我应该去说些什么
，该讲那些才好。如果小课堂上面被问住就尴尬了。最起码，我不能把padding念成胖丁啊。
做PPT的时候，找到几个
可以深度讨论的问题。
盒子模型无继承属性有哪些？
width、height,padding与margin，border都没有继承属性。
块级元素里可被继承的属性有，text-indent（文本缩进）
text-align（文本排列）
很多一部分继承属性，都来自关于文本的属性。
margin折叠是什么？
margin折叠指的是两个毗邻的两个盒子模型，外边距重叠合并在一起。
如何计算被折叠的区域，两个正数值中取大的。
折叠的外边距中，一个30px，一个20px，取30px。
一正一负的情况下，正值减去负值。
两负值的情况下，我们取负值大的。
如何计算盒子模型的总宽度。
margin（左右）+padding（左右）+border（边框）+width（宽度）=盒子模型总宽度。
明天计划，小课堂准备的差不多了，任务7,。
任务总结
深度思考。
首先什么是inline-block，行内块状元素？
内行元素的特点是，只在一行，无法改变宽高，margin与padding只能调整左右。行内元素包含行内元素。
块级元素的特点是，单独占一行，可以改变宽高，与位置，块级元素里面可以包容行内元素。
行内块状元素具备以上两中特点，改变宽高，且只在一行，
去除inline-block中间隙的方法？
1，margin可以设置为负值。
2。在父容器上使用font-size:0;在子元素上重新设置字体大小。
css中存在继承的属性有哪些？
1、字体系列属性
font：组合字体
font-family：规定元素的字体系列
font-weight：设置字体的粗细
font-size：设置字体的尺寸
font-style：定义字体的风格
font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为
大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
font-stretch：允许你使文字变宽或变窄。所有主流浏览器都不支持。
font-size-adjust：为某个元素规定一个 aspect 值，字体的小写字母 "x" 的高度与
"font-size" 高度之间的比率被称为一个字体的 aspect 值。这
样就可以保持首选字体的 x-height。
2、文本系列属性
text-indent：文本缩进
text-align：文本水平对齐
line-height：行高
word-spacing：增加或减少单词间的空白（即字间隔）
letter-spacing：增加或减少字符间的空白（字符间距）
text-transform：控制文本大小写
direction：规定文本的书写方向
color：文本颜色
3、元素可见性：visibility
4、表格布局属性：caption-side、border-collapse、border-spacing、
empty-cells、table-layout
5、列表属性：list-style-type、list-style-image、list-style-position、list-style
6、生成内容属性：quotes
7、光标属性：cursor
8、页面样式属性：page、page-break-inside、windows、orphans
9、声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、
speech-rate、volume、voice-family、pitch、pitch-range、
stress、richness、、azimuth、elevation
所有元素可以继承的属性有哪些？
1、元素可见性：visibility、opacity 2、光标属性：cursor
返回列表
评论