表格边框设置

  • 第一、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设置时,区别在于字号与字体

直接文档没有sytle
body.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}}!


扫一扫 手机查看

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注