我们第一天说了简单的HTML,第二天说了简单的CSS.那么今天.咱们就来说一说他们的结合如何使用吧!
首先说引用方式,和使用方法吧!
1.内部样式表.(放入<head>中)
1 <head>
2 <style>
3 div{
4 color:red:
5 }
6 </style>
7 <head>
[提示]:红色区域是样式,和元素选择器
2.内联样式表(写在标签里的样式)
<p style="color: red;"></p>注意:语法一定要是style =""双引号里面的属性和属性值哦!
3.外部样式表(引入外部CSS样式表)最好也是放在head里面
1 <head>
2 <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属性值修改标签属性,样式.
语法:
1 <div id="div_id">
2 //div_id id属性和属性值
3 </div>
4 //在style里使用
5 //用法 ID选择器开头必须有#
6 <style>
7 #div_id{
8 width:100px;//div 宽100像素
9 height:100px;//高100像素
background:red;//背景颜色是红色;
10 }
11 </style>然后呢,他的效果就是这样的:
今天就写这么多吧!然后呢..........我打算弃坑了!因为 我的讲师说 我们要写点高大上的东西 不要写基础了!所以 我就果断弃坑了!以后有时间 我再继续更这个吧!!!
3327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
