表格边框设置
- 第一、table的属性border属性1或0,或不赋值(等同于设置1)
- 第二、table设置border为1等同于使用css给table和td加样式"1px solid black"(solid必需)
- 第三、table的属性border可赋值大于1的数字,表示外边框的宽度,单元格1px不变
table标签只写border | 有框 |
style="border: 1px solid black;" | table,td分别设置对应外框和单元格框,tr设置无效 |
table border="10", td border="10" tr border="10", |
table border='10'(数字可很大)只对最外框有效, 其他tr,td设置无效 使用pre会造成pre内的内容不受默认字体的影响。 对pre设置text-indent有效 |
pre元素的样式设置,字体需要单独设置
注:(非泛指,仅指字形,不含字号)- 第一,都无style设置时,区别在于字号与字体
- 第二,父元素遗传的有字大小,和缩进没有字体
- 第三,pre 是段落处理,紧挨pre标签的回车无效
第一,都无style设置时,区别在于字号与字体
直接文档没有sytlebody.pre pre自己没有设置style有效12ab
第二,父元素遗传的有字大小,和缩进没有字体
你好123abc有缩进(看背景比较)【div(intent,ffa,fsize)】
没有继承字型123abc有缩进(看背景比较) 【div(intent,ffa,fsize).pre】
使用pre会造成pre内的内容不受默认或父元素设置的字体大小字形的影响123abc,有缩进(看背景比较)。 对父元素,或pre设置text-indent有效12ab 【div(intent,ffa,fsize).span.pre】
第三,pre 是段落处理,紧挨pre标签(开和闭适用)的回车不起作用
body.pre pre自己设置style有效12ab
checkbox属性设置
- 第一、value值不控制是否选中
- 第二、checked属性只要出现就是选中,可赋值但是多此一举
- 第三、checked是html属性状态,不能使用style=""方式设定
- 第三、checkbox在vue中使用通过value绑定
第一、value值不控制是否选中
value="0" value"1" value="2" value="checked"value="true" value="false"
value=true value=false
第二、checked属性只要出现就是选中,赋值=写法是多此一举
标签属性直接写checked无等号checked="checked" checked="" checked="0" checked="1" checked="2" checked="3"
checked="true" checked="false" checked=true checked=false
第三、checked是html属性状态,不能使用style=""方式设定
style="checked" style="checked:checked" style="checked:checked" style="checked:checked"第四、checkbox在vue中使用通过value绑定
可以通过v-model:value="checkOrNot"来获取是否选中,获取的值是true或false。不是0和1.(估计还有些属性值是0和1,但是获取可能是逻辑值)
第一个
第二个
两个input都用“ v-model:value="check"”绑定,操作选中第一个影响第二个选中没有生效】同学可以自己在编辑器vscode或者hbuilder等里面试一下。但是:插入语法的值却能显示:{{hello}}!