-
margin(top,right,bottom, left)
padding(top,right,bottom,left)
border(top,right,bottom,left)
查看全部 -
填充后并未居中
需要使用text-align: ceter; 和line-height: 100px;
#box1 {
width: 100px;
height: 100px;
border: 1px solid red;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
查看全部 -
原来可以缩写,按(左上、右上、右下、左下)顺序
border-radius: 15px 30px 10px 30px;
查看全部 -
设置圆角的命令有点长。不太方便。
border-top-right(left)-radius
border-bottom-left(right)-radius
查看全部 -
这节课为何不讲清楚把哪个属性的值设为none?
display的值设置为none
查看全部 -
元素的高宽行高顶底边距都可设置
查看全部 -
内联块状元素(inline-block)
同时具备内联元素、块状元素的特点,代码 display:inline-block
查看全部 -
内联元素: <span>,<a><label>,<strong>,<em>(行内元素)
div{
display:inline;//将元素设置 为内联元素。
}
内联元素特点:
查看全部 -
常用的块状元素
<div>
<p>
<h1>
<h6>
<ol>
<dl>
<table>
<address>
<blockqueote>
<form>
常用的内联元素
<a> <span><br><i><em><strong><label><q><var><cite><code>
内联块状元素
<img><input>
查看全部 -
设置文字或者图片居中
text-align: center/left/right.
查看全部 -
字母间距: letter-spacing: 50px
单词间距:word-spacing: 20px
查看全部 -
缩进 text-indent
2em: 文字的2倍
查看全部 -
加大号
font-size
加粗
font-weight
查看全部 -
字体样式的缩写:
body{
font: XX XX XXXX font-size与line-height中间要加 "/".
}
查看全部 -
应该还是就近原则:
内联样式>id选择器>类选择器>标签选择器>通配符选择器
查看全部
举报