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