html+css实例源代码：实例代码
/*通过ID 选择器设置元素样式*/
#div1{background: #9a9af8 ;/*设置背景颜色*/
margin: 0 15%;/*外边距 上下边距为0px 左右边距为父元素的15% 主要是为了适应不同浏览器的显示要求 ，利用百分比显示*/
}
/*通过元素选择器h1设置样式*/
h1{
height: 70px;/*高度*/
color: white;/*字体颜色*/
background: cornflowerblue;/*背景颜色*/
line-height: 70px;/*行间距*/
text-indent: 50px;/*文本首行缩进*/
}
/*通过id选择器设置导航居中*/
#div2{
text-align: center;/*居中显示*/
}
/*后代选择器 div2 里面的li元素*/
#div2 li{
display: inline-block;/*行内块装元素*/
width: 100px;/*宽度**/
height: 30px;/*高度*/
background: cornflowerblue;/*背景颜色*/
line-height: 30px;/*行间距*/
border: 2px solid cornflowerblue;/*边框*/
border-radius: 0 20px;/*边框四个角的弧度*/
}
#div2 li a{
text-decoration: none;/*边去除a标签的下划线*/
color: white;/*字体颜色*/
}
/*通过设置a标签的伪类选择器：hover 设置字体加粗，鼠标放在字体上加粗*/
#div2 li a:hover{font-weight: bold;}
/*通过类选择器class设置样式*/
.center{text-align: center;}/*设置居中*/
/*后代选择器 center 里面的img video 元素*/
.center img{width: 190px;height: 300px;margin:0 10px;}
.center video{width: 650px;height: 300px;margin:0 10px;}
.margin{margin: 0 5%;}/*外边距*/
.margin p{text-indent: 2em;}
textarea{width: 100%;height: 100px;}/*父元素的比例*/
#copyright{background: cornflowerblue;
text-align: center;
color: white;
height: 70px;
line-height: 70px;
font-size: 12px;
}
---------------------------------------------
html+css实例源代码：实例代码
相关推荐
-
山中王勃原文（山中王勃古诗意思解析）
深山中光线暗淡、人迹罕至，每到秋季还显得霜雾浓重。但是山林里却显得更加苍翠，万绿争荣，充满生机。连绵的群山，令人开阔心胸；艳丽的红叶，也让人赏心悦目。人们畅游其间，仿佛来到了画境，悠然闲适，又快乐潇洒...
-
乐视Y1 Pro手机怎么样（乐视Y1 Pro介绍）
在上月底，沉寂许久的乐视突然发布了一款新机乐视Y1 Pro，官方给这款新机的Slogan是“拒绝性能过剩”“让用户只为核心价值买单”。 只看第一眼，相信这款手机就能给你留下深刻的印象，毕竟它太像iPhone 13了，相似的左上...
-
霸气侧漏的名言（华夏最霸气的话）
悠悠历史有着数不尽的风流人物，他们或因丰功伟绩而名留青史，或因一两句霸气侧漏的话而亘古流传，这一次我们就来盘点一下华夏史上十句最霸气侧漏的名言。第十名：“壮志饥餐胡虏肉， 笑谈渴饮匈奴血。”这句话出自南...
-
全面对比OPPO Pad、小米平板5 Pro（2K价位平板热门）
说到平板电脑，大家第一时间想到的肯定是苹果的iPad，销量一直都独占鳌头，深得用户追捧。不过在2000-3000元这个价位，可以说是iPad的真空地带，为此不少安卓大厂都瞄准了这一点，纷纷入局平板领域，推出了不少安卓...
-
唐诗三百首写景的（唐诗三百首的写景诗有哪些）
当美丽的景物遇到多才的诗人，会碰撞出怎样的火花呢？人在《唐诗三百首》中，诗词君找到十首写景诗词，在诗人的笔下，山石、树木，飞鸟、明月，都是那么美丽！《滁州西涧》唐·韦应物别有幽草涧边生，上有黄鹂深树鸣...
-
美的电饭煲功能选择怎样用（美的电饭煲使用方法介绍）
电饭煲是我们的厨房中经常会使用到的一款厨房电器，它不仅能为我们烹饪出可口美味的米饭，而且它还可以烹饪其他的美食，使用起来方便安全，是我们家庭生活中不可替代的家电产品之一，今天就让小编为您推荐美的电饭煲...
