CSS 简单了解(二)

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

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

 <head>

     <style>

         div{

4                 color:red:

5     }

     </style>

 <head>

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

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

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

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

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

 <head>

         <link rel="stylesheet"  href="xxx.css">
　　</head>

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

　　href //地址

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

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

CSS选择器

　　1.元素选择器

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

　　2.ID选择器(id)

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

语法:

 <div id="div_id">

 //div_id    id属性和属性值

 </div>

 //在style里使用

 //用法 ID选择器开头必须有#

 <style>

     #div_id{

              width:100px;//div 宽100像素

              height:100px;//高100像素
　　　　　　　　　　background:red;//背景颜色是红色;

 }

 </style>

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

CSS 简单了解(二)

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

秒客网

CSS 简单了解(二)

相关文章