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;
width: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