首页 >web前端 >html教程 >谈一谈我对css的认识

谈一谈我对css的认识

零下一度
零下一度原创
2017-06-24 11:46:292150浏览

我们第一天说了简单的HTML,第二天说了简单的CSS.那么今天.咱们就来说一说他们的结合如何使用吧!

首先说引用方式,和使用方法吧!
  1.内部样式表.(放入中)

<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000">    <style></span><span style="color: #008080">3</span> <span style="color: #ff0000">        div{
4                 color:red:
5     }</span><span style="color: #008080">6</span> <span style="color: #800000">    </style></span><span style="color: #008080">7</span> <span style="color: #800000"><head><br></span>

[提示]:红色区域是样式,和元素选择器 

 

 2.内联样式表(写在标签里的样式)

<p style="color: red;"></p>

注意:语法一定要是style =""双引号里面的属性和属性值哦!

  3.外部样式表(引入外部CSS样式表)最好也是放在head里面

<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000">        <link rel="stylesheet"  href="xxx.css?1.1.11"><br>  </head><br></span>

注意:其中"stylesheet" //样式表

  href //地址

  xxx.css中的xxx就是文件名,并且是你自定义的文件名!(后缀名.css不能改哦!)

还有就是CSS选择器!选择器是CSS样式表中重要的组成部分

CSS选择器

  1.元素选择器

div,p,span,hr,等等很多直接用元素接花括号的 都是元素选择器

  2.ID选择器(id)

我们在样式表中用id属性值修改标签属性,样式.

语法:

       { :; :; }

然后呢,他的效果就是这样的:

 

 今天就写这么多吧!然后呢..........我打算弃坑了!因为 我的讲师说 我们要写点高大上的东西 不要写基础了!所以 我就果断弃坑了!以后有时间 我再继续更这个吧!!!

以上是谈一谈我对css的认识的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn