打破畏惧感,CSS初识

首先,认识,了解,学习h5离不开w3c的网站

作为iOS开发,经常会在webView中做一些js和本地交互。另外大多数的“公司协议”会使用html5本地文件。h5+css+javascrpt 也是我们前端的一大分支,一个懂前端的客户端开发在竞争上是非常加分的。h5相当于一间屋子里面的家具,他负责告诉我们这间屋子里面有什么。css相当于家具上的油漆涂料和墙纸,他负责装饰。javascrpt负责处理人(客户端)怎么使用家具。

如过你不了解html5,请先阅读打破畏惧感,HTML5初识

css的添加样式方法有三种:

1.在div中添加style属性
2.在head里面添加style属性
3.引入外部的样式




  
  CSS的页内样式
  

  
  

  
  



  
  
我是div标签我是div标签我是div标签
我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div
我是div我是div我是div我是div我是div

我是段落标签我是段落标签我是段落标签

我是段落标签我是段落标签我是段落标签

我是段落标签我是段落标签我是段落标签

我是段落标签我是段落标签我是段落标签

我是段落标签我是段落标签我是段落标签

我们会发现一个实际操作问题,如果有多个自定义风格的div,我们怎么区分我们的style是赋予哪个的呢?

这里引入css选择器的概念:

1.标签选择器
2.类选择器
3.id选择器
4.并列选择器
5.复合选择器
6.伪类选择器




  
  CSS的常见的选择器
  



  
我是div我是div我是div
我是div我是div我是div
我是div我是div我是div

我是段落标签我是段落标签

我是段落标签我是段落标签

我是段落标签我是段落标签

我是div我是div我是div

我是div我是div我是div

我是div我是div我是div

你可能感兴趣的:(打破畏惧感,CSS初识)