java程序员菜鸟入门之九CSS3

一、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


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值