欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > CSS入门 >

Css样式冲突比较

22选5河南最新开奖今 www.gsf5k.cn  

CSS样式的冲突:

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

2.行级样式表 > 内嵌样式表 > 外部样式表

外部样式表的ID选择器 > 内嵌样式表的标签选择器

原则: 就近原则

CSS的各种属性(掌握)

CSS中尺度单位的介绍

CSS的单位:

a. 绝对单位 1in=2.54cm=25.4mm=72pt=6pc , pt是点或者磅,pc是派卡

b. 相对单位:px, em(印刷单位相当于12个点), %(相对周围的文字)

*字体设置

p{

font-size:50px; /*字体大小*/

font-style:italic ; /*斜体*/

font-weight:bold; /*粗体*/

font-family:幼圆; /*字体类型*/

font-variant:small-caps; /*小写变大写*/

}

*文本设置

p{

letter-spacing:0.5cm ; /*字母间距*/

word-spacing:1cm; /*单词间距*/

text-align:center; /*在所包含容器的中间*/

text-decoration:overline; /*字体修饰 underline下划线 line-through中划线 overline上划线*/

text-transform:lowercase; /*单词字体大小写*/

color:red ;

}

*背景设置

body{

background-color:#ff99ff ; /*背景颜色*/

background-image:url(images/2.gif) ; /*背景图片*/

background-repeat: no-repeat; /*no-repeat不要平铺,repeat-x,横向平铺,repeat-y 纵向平铺*/

background-position:center right; /*背景位置*/

background-attachment: scroll ; /*背景的移动 ,fixed跟着滚动条一起移动,scroll 不动*/

}

*列表设置

ul li{

list-style:none; /*列表前样式*/

list-style-image:url(images/2.gif) ; /*列表项前图片*/

margin-left:80px;

}

*盒子模型(border margin padding)

padding:是内容到边的距离

border: 是边的粗细

margin:是控件到控件的距离

*定位设置(position,float,clear,z-index)

#d{

position: absolute; /*

1.绝对定位: 定义横纵坐标 .脱离了本身的顺序流

2.相对定位: 相对的是自己在顺序流中原来的位置

*/

left:100px; /*横坐标*/

top:100px; /*纵坐标*/

border:1px solid red ;

width:100px;

height:100px;

background-color:#ff66ff;

}

#d1{

position: relative; /*相对位置*/

left:100px;

top:100px;

border:1px solid green ;

width:100px;

height:100px;

background-color:#339900;

}

span{

position: relative;

left:20px;

top:20px;

}

z-index:值任意,值越大离我们越近

float : 浮动

overflow: 超出范围怎么办

鼠标样式设置(cursor)

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/rumen/r39185.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2017-09-10 09:29 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 新阅读模式下的出版转型之路 2018-11-15
  • 我什么时候“反来复去说1+1=2”了?不要无中生有、凭空捏造,还是学点尊重客观事实及其规律吧。 2018-11-15
  • 特稿:邻望邻好同发展——中国改革开放的亚太故事 2018-11-14
  • 科普:“鹊桥”中继星靠什么帮“嫦娥”赴广寒 2018-11-14
  • 世界杯开幕式小旗手来自中国贵州丹寨--旅游频道 2018-11-14
  • 2018年度海军招飞定选录取6月14日全面启动 2018-11-14
  • 70期:开创了中国人太空“开飞船”历史的刘旺 2018-11-13
  • 浙江庞大经贸代表团访问南非受到热烈欢迎 2018-11-13
  • 面包屑-热门标签-华商生活 2018-11-13
  • 战果累累的传奇英雄——吴光浩 2018-11-12
  • 重庆奉节羊市镇“里程长”上岗 小镇大变样 2018-11-12
  • 抗战胜利70周年东方主战场影像馆 2018-11-12
  • 湖北省人民政府门户网站 2018-11-11
  • 鹅肝做成冰淇淋 玉米做成小螃蟹?这位意大利厨神太6了 2018-11-11
  • 合肥市安庆路第三小学介绍护学岗工作的优秀经验 2018-11-10
  • 904| 532| 387| 763| 136| 663| 48| 56| 932| 223|