二.css基础

一.使用css意义及优势

意义:

CSS:层叠样式表(Cascading Style Sheet

CSS是一种用来表现HTML文件样式的计算机语言。

CSS不仅可以修饰静态网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

优势:

内容与表现分离

网页的表现统一,容易修改

减少网页的代码量,增加网页的浏览速度,节省网络带宽

二.基本语法

style标签:<style></style>在该标签内写样式

选择器{

           声明1;

           声明2;

}

三.选择器

标签选择器: 标签{声明1;声明2;...         }

类选择器:    .class{声明1,声明2;...        }

ID选择器       #id{声明1,声明2;...  }

选择器的分类:

后代选择器 h3 strong{ 声明1,声明2....}

1.在CSS选择器中通过嵌套的方式,对特殊位置的HTML标签进行声明

2.外层的标签写在前面,内层的标签写在后面,之间用空格分隔

3.标签嵌套时,内层的标签成为外层标签的后代

交集选择器 p.txt{ 声明1,声明2....  }

1.由两个选择器直接连接构成,选中二者各自元素范围的交集

2.第一个必须是标签选择器,第二个必须是类选择器或者ID选择器

3.选择器之间不能有空格,必须连续书写

并集选择器 h3,.first,.second,#end{声明1,声明2....}

1.多个选择器通过逗号连接而成

2.利用并集选择器同时声明风格相同样式

四.样式引入

内部样式:直接在标签内书写

外部样式:建立专门的css样式文件.通过语句引入html文件中

<head>
  ……
<link href="style.css" rel="stylesheet" type="text/css" />
……
</head>

五.css继承特性

1.什么是继承

子标签可以继承父标签的样式风格

子标签的样式不会影响父标签的样式风格\

2.css优先级

ID选择器>类选择器>标签选择器

有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决

 六.一些重要的模型和标签

1点击了解字体样式

2.点击了解盒子内外边距

七.表格&表单

1.点击了解表格

2.点击了解表单

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值