Rumah >hujung hadapan web >html tutorial >谈一谈我对css的认识
谈一谈我对css的认识
- 零下一度asal
- 2017-06-24 11:46:292166semak imbas
我们第一天说了简单的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属性值修改标签属性,样式.
语法:
{ :; :; }然后呢,他的效果就是这样的:
今天就写这么多吧!然后呢..........我打算弃坑了!因为 我的讲师说 我们要写点高大上的东西 不要写基础了!所以 我就果断弃坑了!以后有时间 我再继续更这个吧!!!
Atas ialah kandungan terperinci 谈一谈我对css的认识. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：关于rem的宽度和高度不生效的问题分析Artikel seterusnya：css+div水平居中的实例代码