CSS常见的基本样式
CSS边框
border-width:边框的粗细
border-color:边框的颜⾊
border-style:边框的类型(solid实线、dotted⼩圆点、dash⼩横线)
一代身份证能买火车票吗
CSS边距
font字体
font-size:字体⼤⼩茅台飞天真假对比鉴别
font-family:字体、宋体、微软雅⿊
font-weight:⽂字粗度,常⽤的就是默认值regular和粗体bold
line-height:⾏⾼,可以⽤百分⽐、倍数或者固定尺⼨
以上属性都可继承给⼦元素
字体的原理
使⽤浏览器打开页⾯时,浏览器会读取HTML⽂件进⾏解析渲染。当读到⽂字时会转换成对应的unicode码(可以认为是世界上任意⼀种⽂字的特定编号)。再根据HTML⾥设置的font-family(如果没设置则使⽤浏览器默认设置)去查电脑⾥(如果有⾃定义字体@font-face,则加载对应字体⽂件)对应字体的字体⽂件。到⽂件后根据unicode码去查绘制外形,到后绘制到页⾯上。
⽂本
text-align:⽂本对其⽅式left、center、right、justify
text-indent:⽂案第⼀⾏缩进距离
text-decoration:none、underline、line-through、overline
color:颜⾊
text-transform:改变⽂字⼤⼩写none、uppercase、lowercase、capitalize
word-spacing:可以改变字(单词)之间的标准间隔
棉花事件怎么回事
letter-spacing:字母间隔修改的是字符或字母之间的间隔
单⾏⽂本溢出加_
.card>h3{
white-space:nowrap;
overflow:hidden;
瑾怎么读
text-overflow:ellipsis;
}
单位
px: 固定单位
百分⽐(宽⾼?⽂字⼤⼩?lline-height?position?)
只羡鸳鸯不羡仙全诗
em:相对单位,相对于根元素(html)字体⼤⼩
vw vh:相对单位,1vw为屏幕宽度的1%兼容性
其他
1. a链接设置颜⾊
a{
color:red;
text-decoration:none;
}
2. 列表去掉点
ul{
list-style:none;
龙舟手工制作
}
也可以这样
li{
list-style:none;
}
3. 隐藏或透明
opacity:0;透明度为0,整体
visibility:hidden;和opacity:0类似
display:none;消失,不占⽤位置
background-color:rgba(0,0,0,0.2)只是背景透明

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。