CSS学习之一——Css基础入门

Posted zzjjbbaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS学习之一——Css基础入门相关的知识,希望对你有一定的参考价值。

一、css写法

  • 内联:在dom标签上的style属性中直接书写。
  • 外联:在css文件中书写,通过link引入。
  • 页内:在style标签中书写。

二、选择器

1.分类

  • 标签/元素选择器:body{};p{};
  • 类选择器: .style1{};.style2{}
  • id选择器: #id1{};#id2{}
  • 通配符选择器:*
  • 组合选择器:方便定位样式生效的dom标签
  • 伪类和伪选择器:实现一些特殊效果

2.优先级

  • 常规:!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性**
  • 组合:利用权重叠加比较,权重最大的会优先生效,权重相同则就近原则。

     1、 !import:1000
     2、 id选择器:0100
     3、 类选择器:0010
     4、 标签选择器:0001
     5、 *选择器:0000

以上是关于CSS学习之一——Css基础入门的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript入门学习之一——初级语法

前端基础CSS 入门

CSS基础篇之入门介绍及语法应用

CSS总结前端三剑客之一(CSS基础)

CSS总结前端三剑客之一(CSS基础)

第000讲:学习Web开发有前途吗 |《零基础入门学习web开发》(HTML5&CSS3)