css样式表0513补

好久没有写博客了, 内心有心事有些小尴尬的,这么大人了还被别人逼着做事,以后怎么成长呢;

今日语录:欲语码千行;

2.1.1 CSS样式表:

2.1:概念:(刚学的时候不知其所云后来在制作网页的时候用上了也就慢慢熟了,有些东西不求自己现在马上明白,只要别再用的时候都不知道自己学过那就好办啊)

1:内联

和html联合表示

例<p style="font-size:14px;">内联样式表</p>

*个人感觉我自己用的时候不多;

2:内嵌

    作为一个独立区域内嵌在网页里,必须写在head标签里边。

例<style type="text/css">

p   //格式对p标签起作用

{

样式:

}</style>

个人观点没搞懂问题:在body里引用p标签的方法;与其他样式表的对比;

我基本没用过

3:外部

 新建CSS

用link连接 

右键-css样式表-添加样式表-出来一个框-浏览点击连接

<style type="text/css">

*   //格式对所有标签起作用-去除所有边距,间距    *(所有的)

{

margin:0px;

padding:0px;

}

</style>

在<head></head>里使用专门用于去除body里的<div></div>

虽然用的次数不多但是重点;

 2.1.2,选择器

1,标签选择器。(用标签名做选择器)*我基本没用过 了解记忆

<style type="text/css">

p  //格式对p标签起作用

{

样式;

}

</style>同上不太常用个人观点;

2,class选择器。都是“.”开头。

<head>

<style type="text/css">

main   /*定义样式*/

{

height:42px;

100%  *以整个页面对比

text-align:center;

}

</style>

</head>

<body>

<div class="main"></div>*调用class样式

</body>

</head>  注释class选择器系统设定可以被重复使用;

3,ID选择器。以“#”开头

<div id="样式名">

与class选择器相似

但不能在两个标签用一个ID

4,复合选择器。

1)用“,”隔开,表示并列。

<style type="text/css">

p,span   /*标签p,span两者同样的样式*/

{

样式

}

</style>

2)用空格隔开,表示后代。

<style type="text/css">

.mian  p   /*找到使用样式“main”的标签,在该标签里p标签使用该样式*/

{

样式

}

</style>

3)筛选“.”。

<style type="text/css">

p.sp   /*在标签p中的class=“sp”的标签,执行以下样式*/

{

样式

}

</style>

2.2样式属性

22.1(比较常用但不全)

background-color背景色

background-url-背景图

background-attachment:fixed;背景固定不随字体滚动

background-attachment:scroll;背景随字体滚动

background-repeat:no-repeat;注释no-repeat不平铺;repeat平铺;repeat-x横向平铺;repeat-y纵向平铺

background-position:center;背景图居中记住在设置背景图位置是要“no-repeat”

background-position:right top;背景图放右上角(位置可自己改动例left under)

background-position:left 100px top 200px;记住也可设置负值

总结平时的一些小细节多总结一下 会有意想不到的东西例*平铺*

字体

font-family;是新宋体   字体一般用微软雅黑 , 宋体 

font-xxxx基本格式;

size字体大小中px是像素,同时也可用“em。是指倍数例 :2.5em;也可用百分数;

weight:bold加粗;normal是正常;

style:italic倾斜,normal是不倾斜;

在这就是一些比较偏的了

例缩进:

有一个需要提示

display:none;不显示;

inline-block不自动换行,宽高可设;block显示块自动换

CSS样式表在后期网页制作中会慢慢的使用上;

2016--05-13

原文地址:https://www.cnblogs.com/koker/p/5488127.html