浅谈CSS

    CSS全称Cascading Style Sheets,中文名称层叠表样式。它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。要想在网页上使用外部样式表的样式,可将网页链接到样式表。

   CSS特点:实现了网页内容与样式的分离,这样我们想改网页的时候直接改CSS就可以了。

   CSS中选择器:常见的有两种选择敲器:类选择器(clas)和 id选择器 

<span style="font-size:18px;"><span class="menu">栏目一</span>
在样式表中
.menu{
    color:green;
    font-size:10px;

}</span>

<span style="font-size:18px;"><span id="special" class="menu"> 栏目二</span>

#specila{
    colort:blue;
    font-weight:bold;
}</span>

 类选择器和id选择器的区别

     id选择器的优先级是高于类选择器的,如果两个选择器中都有颜色样式的设置,那么是以颜色选择器为准的。

 CSS选择器优先级: 

    1.情况一:

     标签选择器<类选择器<id选择器

    2.同级比较:

           < span class="menu niu">栏目三</span>

           .menu{ color:green; background-color: gray};

           .niu{color:black    text-decoration:underline};

       执行顺序 以CSS中顺序为准,在CSS样式设计中如果样式冲突,那么哪个样式排在后面样式就按这个执行。

标准流 

         块级元素:<div class="menu">栏目一</div>   块级元素占满一行

    行内元素:<span>他们是排列在一行的

    行内元素变成块级元素: .ttt{display:block;}

盒子模型:

          

       

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值