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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

就业班day_02_CSS
css 层叠样式表  html中修饰内容的样式功能太弱,并且布局不灵活。所以用 div + css 来解决上面二个问题。文件以.css结尾。
css 与  html 的3中结合方式            1  写在每个标签的style的属性中   行内            2  写在head体中    <style type="text/css"> 样式内容 </style> 页面内            3  写在head体中   通过<link> 标签引入外部的css文件。 外部                基本选择器 (选择器的作用就是将标签进行分类。)元素选择器;  class选择器 (通过标签的class属性) .class名称;   class属性可以写多个。用空格分开 class="title title1 title2"id选择器(通过标签的id属性) #id名称。 id名称一般唯一。优先级依次增高;
类选择器
后代选择器
子元素选择器
  扩展选择器         
    分组选择器  div,p{} 用来同时修饰piv和p标签。
    属性选择器  input[type="text"]
    后代选择器  div p {}    用来修饰div下所有层级的p标签
    子选择器     div > span   用来修饰div下一层级的span标签
元素的某一个样式最终以那个样式为准。1 就近原则+优先级2 id选择器> class选择器> 元素选择器3 定义在元素内的style属性优先级最高。               

    元素的多个样式组合起来就构成了元素整体的样式。
盒子模型  边框 border; 内边距 padding; 外边距 margin; border 边框                DIV+ 悬浮  float: left , right     DIV默认独占一行。
​     span默认在同一行
左浮动  float: left 右浮动 float: right 清除浮动(清除浮动只影响后面一个元素的浮动)clear:both
JS的概述:JavaScript运行在浏览器端脚本语言.


0 个回复

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