CSS自学笔记(最开始接触CSS归纳的)

1.css定义

Cascade style sheet 层叠样式表

W3C标准

用来装饰HTML/XML的标记集合

 

2.特点

样式表又样式规则组成,以告诉浏览器如何显示一个文档

每个规则的组成包括一个选择符,通常是一个HTML元素 和该选择符所接受的样式

每个元素可以定义多个属性 ,每个属性带有一个值,共同描述选择符如何呈现

 

3.样式表的元素出现在头文件中,然后在Body使用时候对其调用。

 

4.他在头文件中表现的形式有哪些?

一。。。。。。<style type=”text/css”>

H1(font-size:16pt;color:red)

</style>//body中标签是H1就可以对其引用

当然 也可以把这个修饰放到body具体标签里面的style属性后面,但这样就不是典型的css了。

 

二。。可以将css文件引用到html文件里面,然后body直接就使用css文件里面的文件样式。

引用是出现在头文件里边,

<head>

<link rel=stylesheet href=”0.3css”  type=”text/css”>

 

这样,在body里面就可以使用0.3.css里边的样式标签了

 

 

 

三。。css修饰在头文件里边

p.code(font………..)

p.comment(font…….)

 

 

body里面引用

<p class=”comment”>

 

也就是说。那个点 是和class连接起来使用的。

或者去掉p  就直接.code  这样的话  Body里面任何classcode的都能使用样式,之前只能是p的(段落)才能使用

 

 

四。。。#ID结合使用

#code1(font………..)

 

 

body里面引用

<h1  id=”code1”>

 

这种方式不是很好,因为每个标签的id最好不一样,但这样使用的话 一样的样式就得用一样的ID  就造成了ID一样的情况。

 

 

五。。可以一次性定义多个选择符的样式

H1,H2,H3{color=…………….} 逗号表示或的关系,遇到这些标签都要做相应的样式

P H1{}  空格表示包含的关系  P(段落)下的H1标签。。

 

 

5.标签的属性

一。字体的属性(字体,字体样式,字体大小,字体颜色)

二。颜色与背景属性(颜色,背景色,背景图案,背景图案重复方式,背景滚动,背景图案初始位置)

三。文本属性(单词间距  字母间距 垂直方向位置 对其  缩进 行高)

四。装饰超链接:伪类修饰符

A:link(color:green;text-decoration:none)未访问的状态

A:active(color:blue;text-decoration:none)访问过后的状态

A:visited(color:orange;text-decoration:none)鼠标店中不放时的状态

A:hover(color:red;text-decoration:none)鼠标划过时的状态

五。边框的属性(上边框宽度,右边框宽度,左边框宽度,下边框宽度,四边边框宽度,边框颜色,边框样式)

六。图文混编(宽度,高度,文字环绕,去除文字环绕)

七。列表属性(是否显示,空白部分,项目编号,项目前图片,第二行位置,全部属性

八。鼠标属性(也就是显示的图样,右帮助,各个方向的箭头,一些特殊符号)

九。一个图覆盖在另一个图上,用的是style=”Z-INDEX:1”这个熟悉

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值