黑马程序员技术交流社区
标题:
基础班CSS学习
[打印本页]
作者:
陈中意
时间:
2018-9-13 23:05
标题:
基础班CSS学习
html 基础就不说了，很简单的内容。所以，还是css比较让我开心~
那咱们就来交流一下css吧
首先，
css的目的作用：
①让我们的网页更加丰富多彩，布局更加灵活自如。
②
CSS的最大贡献就是： 让 HTML 从样式中脱离， 实现了 HTML 专注去做 结构呈现，样式交给css
css的三种引入方式：
①行内式
②内部样式表
③外部样式表
最好用的方式当然是外部样式表啦，它将所有的
样式放在一个或多个以
.CSS
为扩展名的外部样式表文件中，
通过link标签将外部样式表文件链接到HTML文档中，让我们的结构页面简洁明了，整齐大方。
css 样式规则：
选择器用于指定CSS样式作用的HTML标签，花括号内是对该对象设置的具体样式。
属性和属性值以“键值对”的形式出现。
属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
属性和属性值之间用英文“:”连接。
多个“键值对”之间用英文“;”进行区分。
接下来是CSS选择器了，此处只有标签选择器，类选择器，id选择器以及我们的通配符选择器。要知道的是
类选择器可以选出1个和多个标签，但id选择器一次只能选择一个一个标签哦。通配符选择器为一个*号，选择了所有的标签，使用在css样式清除默认内外边距。
再来说说标签显示模式，
块级元素，
比较霸道，自己独占一行，
高度，宽度、外边距以及内边距都可以控制。
宽度默认是容器（父级宽度）的100%，
是一个容器及盒子，里面可以放行内或者块级元素。
行内元素，
相邻行内元素在一行上，一行可以显示多个。
高、宽直接设置是无效的，
默认宽度就是它本身内容的宽度。
行内元素只能容纳文本或则其他行内元素。
行内快元素，
和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。一行可以显示多个。
默认宽度就是它本身内容的宽度。
高度，行高、外边距以及内边距都可以控制。
这里呢，一定要分清哪些是块级元素，哪些是行内块元素和哪些是行内元素哦，其它基本就没什么问题了。
好了，此次的技术交流呢就到这结束了，后会有期，大家相互学习哦！
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
那咱们就来交流一下css吧