CSS选择器基础(二)

/*父子选择器
div span{
    background-color: purple;
}
直接子元素选择器
div > em{
    background-color: purple;
}
并列选择器
div .demo{

}
分组选择器
em,
strong,
span{
    background-color: purple;
}
font-size 字体大小 字体的高
font-weight:bold;字体加粗
font-style:italic;斜体
font-family:arial;字体选择
color:;字体颜色
border:border-width, border-style, borfer-color;边框
border-left-color: ;
border-top-color: ;
border-right-color: ;
border可以画三角形

1土鳖式(纯英文单词) red green等
2颜色代码 
光学三原色
r               g           b
00-ff            00-ff        00-ff

#000000

3颜色函数*/
/*rgb( ,  ,  )
div{
    text-align: ;/*对齐方式
    height:200px;
    line-height: 200px;/*文本间距*/
    /*height等于line-heihht时 呈现文本居中*/
    /*text-indent: 2em;
}
span {
    text-decoration: none;删除滑线
}
span{
    text-decoration-line: underline;增加下划线
    cursor: ;/*光标定位值*/
/*}*/
/*a:hover/*伪类选择器*//*{*/
/*    background-color: red;
}

1.行级元素: span strong em a del
feature:内容决定所占位置
         不可以通过css来改变宽高
2.块级元素: div p ul li ol form address
feature: 独占一行
可以通过css改变宽高
3行级块元素
feature: 1 2 融合
凡是有inline的元素,都有文字特性
img {*/
/*    margin-left:  ;*//*减小文件空隙*/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值