HTML和CSS相关点

1.text-index属性是用来指定文本的第一行缩进,通常是将段落的首行缩进
通过这只该属性,所有元素的第一行都可以缩进为一个给定的长度,甚至可以是负值
有两种写法,一种是

text-index:10px

另外一种是,em是一个相对单位,是当前元素1个文字的大小,如果当前元素没有设置字体的大小,就会按照父元素的1个文字大小

text-index:2em

2.line-height属性,文字行与行之间的距离
line-height由上间距和下间距,还有文本高度组成
3.css选择器有哪些
基础选择器:标签选择器,id选择器,类选择器,通配符选择器
复合选择器:由两个或者多个选择其组成
后代选择器(可以是子孙后代),子代选择器(只能是亲儿子),并集选择器,伪类选择器
重点:伪类选择器:向某些选择器添加特殊的效果
伪类选择器有很多
比如链接伪类,结构伪类等
选择器的所用是:选择标签
这是链接伪类,并且为了生效,需要从上至下书写
a:link未被访问的链接
a:visited已被访问的链接
a:hover鼠标在上面的链接
a:active活动链接(按下没有被弹起)
focus伪类选择器:用于选取获得焦点的表单元素

input:focus{}

4.元素的显示模式
块级元素,默认宽度是容器的100%,可以报含任何的标签
行内元素,不可设置宽高,默认宽度是本身内容的宽度
行内块元素:默认看宽度是本身内容的宽度
5.颜色半透明
background:rgba(0,0,0,0.3),最后一个是alpha同名都,取值范围是0-1
6.文字垂直居中
height>line-height文字会偏上
line-height>height 文字会偏下
line-height=height刚好居中
7.CSS的三大特性
层叠性,继承性,优先级
层叠性:相同选择器给设置相同的央视,此时一个央视就会覆盖另一个冲突的样式,层叠性主要解决样式冲突的问题
层叠性的原则是:央视冲突,遵循的原则是就近原则,哪一个样式离结构近,就会去执行哪一个样式
继承性:
行高的继承性
body{
font:12px/1.5}
如果子元素没有设置行高,就会继承父亲的行高,
此时子元素的行高是:当前元素的文字大小*1.5
body设置行高1.5,这种写法的优势是里面子元素可以根据自己文字的大小自动调整行高
优先级:
继承选择器和通配符选择器:都是0
元素选择器:1
类选择器,伪类选择器:10
id选择器:100
行内样式style=“”1000
!important:无穷大

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值