<style type="text/css"> body {background-color: #000;} </style> <p style="background-color: #000;">这是一个段落</p>
<h1>我是HTML</h1>
h1{ color:red; }
我是HTML我也是HTML <div class="mark">我是一个被class(类)为mark标记的HTML</div>
.mark { color:yellow; }
<style="text/css"> body{background:red;} /*妈蛋 这段加到head里没反应我直播吃翔*/ </style>
<style type="text/css"> body{background:#999;}/*选择整个body并添加属性*/ h1{font-size:18px;color:red;}/*选择h1并添加字体大小和红色*/ p{这里省略}/*同h1*/ .test{这里省略,是自定义的class的样式}/*这里是选择了class=test的*/ </style>
……
我告诉你怎么结合吧。
已知我有一个
现在,使用CSS的选择器,来控制h1
就这样写:
于是乎,h1被染成了红色。
那么我要自定义一块呢,就是用到div(块级)标记
再来去CSS部分操作它,用class选择器,写法如下
这样,被mark包裹住的部分都会变得好黄好黄的~~
除了基本的class,还有id,都差不多,但是意义不一样。
除了基本的div块,还有span 行内等
半夜三点我们就深入深入{色}
开始深入,别怕疼:
总结,一块,最好用div来标记。
class的写法是 一个点加类名
.xxx
id的写法是 #id名
直接选取已经存在的HTML标签也可是
body{样式}
h1{……}
b{…}
就是直接写 不加任何符号~
因为CSS有三种写法
外链 内联 行内
看好了
外链就是用link的方法(具体语法百度
)
内联就是例如
在HTML文档head部分
加入
行内方式就是用HTML标签引入style 属性
例如
<h1 style="color:red;">我是红色的标题</h1>
body{background:red;}
/*妈蛋 这段加到head里没反应我直播吃翔*/
</style>先这样,然后怎么用调用里面的css?还有,那个html属性标签我会,就是不知道html5支不支持
假如你的HTML是有一个<h1>和一段<p> 并且还有一个div class="test"
那么就这样
说到底,你还是没搞清楚css结构,建议去W3school系统学习基础。磨刀不误砍柴工。
另外,行内标记是支持HTML5的,行内的优先级高,假设前面CSS写了某个样式,而行内再次定义,那么渲染会遵从行内的语法。比较适合做一些临时后期局部修复协调工作。
但是不建议常使用,因为这样还是没有做到css的“样式与文档分离”的追求,不利于搜索引擎抓取内容。仅此而已