CSS干货系列(一)基本语法

4 篇文章 0 订阅

手机壳新花样

 

CSS 指层叠样式表 (Cascading Style Sheets)

1.层叠次序

当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4) 拥有最高的优先权。

1)浏览器缺省设置

2)外部样式表

3)内部样式表(位于 <head> 标签内部)

4)内联样式(在 HTML 元素内部)

可以理解为靠近元素的样式将会显示

2.值与分组

值的不同写法:英文单词 red,等于 十六进制的颜色值 #ff0000。

如果值为若干单词,则要给值加引号。

CSS大小写不敏感,但选择器中的类名、ID大小写敏感;注意空格影响的效果,属性值与单位之间不要留空格。

选择器分组用逗号分隔比如:h1,h2,h3,h4,h5,h6 { color: green;  }

3.继承

子元素将继承父元素属性,如果子元素想要与父元素不一致,则单独为子元素定义样式,即可不继承父元素的样式。

4.选择器概况

一般来说,id 选择器常常用于建立派生选择器,结合其他选择器一起完成样式。

类名的第一个字符不能是数字,因为无法在 Mozilla 或 Firefox 中起作用。

属性选择器,比如,[href]为带有href属性的元素设置样式。

5.插入样式表

外部样式:在<head>中插入<link rel="stylesheet"type="text/css" href="yourname.css" />

内部样式:在<head>中插入<style type="text/css">yourcss </style>

内联样式:在需要使用样式的元素中插入属性 style="yourcss"


问券价

 

问券优惠

 

 

参考:

1.w3cschool的css学习文档

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值