一、CSS文件的引入

1、行内样式:通过标签的style属性来设置元素的属性

2、内部样式:是将CSS代码集中写在了HTML文档的<head>头部标签中,通过style标签来定义

3、外部样式:将所有样式放在一个或者多个.CSS为扩展名的外部样式表的文档中,再通过<link>标签将样式连接到HTML文档中

二、CSS选择器

1、元素选择器:标签选择器(将同类型的标签标记为统一样式)

2、ID选择器:id选择器使用“#”进行标识,后面紧跟ID名,需要给要做样式的元素标上id属性

3、类选择器:“.”英文点号进行标识,后面紧跟类名,类名为HTML元素的class属性

4、属性选择器:在标签后面使用中括号标记

5、包含选择器:两个标签之间使用空格,给指定父类标签的后代标签设置样式,可以方便在区域内设置样式,需要用#号

三、CSS的基本属性

1、边框和尺寸:border(边框的样式:宽度、样式(样式取值:solid实线、none无边、double双边)、颜色)

                         wihgt、height

2、布局:float(left:元素向左浮动;right:元素向右浮动;none:元素不浮动)

              clear(left:不允许左侧有浮动元素,清楚左侧浮动影响;right:不允许有右侧浮动影响,清楚右侧浮动影响;both:同时清除左右两侧的浮动影响)

3、display:inline此元素将显示为行内元素(行内元素默认的display的属性值)

                    bloack此元素将显示为块级元素(块级元素默认的display的属性值)

                    inline-bloack:将对象呈递为内联对象,但对象的内容作为块级对象呈递

                    none:此元素将被隐藏,不显示,也不占用空间

4、字体:color,font-size

5、背景色:background-color

四、CSS的盒子模型

1、内边距:padding

2、边框:border

3、外边框:margin

java程序员菜鸟入门之九CSS3

相关文章:

  • 2021-07-28
  • 2021-07-14
  • 2021-09-09
  • 2022-12-23
  • 2021-11-17
  • 2021-11-01
  • 2021-07-29
猜你喜欢
  • 2021-07-22
  • 2021-11-13
  • 2021-08-10
  • 2021-11-15
  • 2021-05-14
  • 2022-12-23
  • 2021-09-16
相关资源
相似解决方案