A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 陈中意 初级黑马   /  2018-9-13 23:05  /  612 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

html 基础就不说了,很简单的内容。所以,还是css比较让我开心~那咱们就来交流一下css吧
首先,css的目的作用:
①让我们的网页更加丰富多彩,布局更加灵活自如。
CSS的最大贡献就是:  让 HTML 从样式中脱离,  实现了 HTML 专注去做 结构呈现,样式交给css


css的三种引入方式:
①行内式
②内部样式表
③外部样式表
        最好用的方式当然是外部样式表啦,它将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中,让我们的结构页面简洁明了,整齐大方。


css 样式规则:
         选择器用于指定CSS样式作用的HTML标签,花括号内是对该对象设置的具体样式。
         属性和属性值以“键值对”的形式出现。
        属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
        属性和属性值之间用英文“:”连接。
       多个“键值对”之间用英文“;”进行区分。


接下来是CSS选择器了,此处只有标签选择器,类选择器,id选择器以及我们的通配符选择器。要知道的是
类选择器可以选出1个和多个标签,但id选择器一次只能选择一个一个标签哦。通配符选择器为一个*号,选择了所有的标签,使用在css样式清除默认内外边距。


再来说说标签显示模式,
         块级元素,比较霸道,自己独占一行,高度,宽度、外边距以及内边距都可以控制。宽度默认是容器(父级宽度)的100%,是一个容器及盒子,里面可以放行内或者块级元素。
        行内元素,相邻行内元素在一行上,一行可以显示多个。高、宽直接设置是无效的,默认宽度就是它本身内容的宽度。行内元素只能容纳文本或则其他行内元素。
      行内快元素,和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。一行可以显示多个。默认宽度就是它本身内容的宽度。高度,行高、外边距以及内边距都可以控制。
      
      这里呢,一定要分清哪些是块级元素,哪些是行内块元素和哪些是行内元素哦,其它基本就没什么问题了。
      好了,此次的技术交流呢就到这结束了,后会有期,大家相互学习哦!












0 个回复

您需要登录后才可以回帖 登录 | 加入黑马