<!DOCTYPE html>
<html>
<head>
<title>css样式</title>
<meta charset="utf-8">
<style>
.box{
width: 400px;
height:200px;
background-color: rgba(190,0,0,0.8);
overflow-y: scroll;
cursor: pointer;
/*visibility: hidden;*/
/*opacity: 0.5*/
font:normal normal 16px/32px "微软雅黑";
}
.box a{
text-decoration: none
}
.box p{
text-indent: 2em;
}
</style>
</head>
<body>
<div class="box">
<h1>学习<a href="">前端</a>有前 途吗?有,但只属于实力派</h1>
<p>每次遇到这样的问题,我都感觉非常的可笑,所谓前途其实本质上是由你的实力决定的,我面试过很多前端人员,对于那些一瓶子不满,半瓶子晃悠的人,我是不会录用的,只是浪费时间罢了,这就是无能者的前途。对于那些有真功夫的前端开发人员,我一般给他们的薪资都非常的高,因为他们值这个价。同样做前端为什么造就了这样两种不同的结果呢?答案是:你的实力,实力决定未来。</p>
<p>当然从整个行业的角度来讲,前端确实是很有前途的,里面的很多技术操作都很新奇,也非常有意思,全国各大城市对优秀的前端人员都处于一个争抢的状态,如今一半以上的APP都是采用Hybrid混合模式开发,即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数,比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。除了APP,我们在手机端常看到的H5页面,也是主要运用了Web端的 HTML5 技术开发。 当然,Web前端现在也不仅仅局限于前端网页和APP,服务器端、桌面级应用甚至是VR都有涉及。</p>
</div>
<!--
教师在具体讲解css样式的时候要注意样式的简写形式,可以提高效率,但是有性能的下降。
养成良好的属性习惯也是程序员素养的体现:
b{
backgound:red;
font-size:14px;
}
b{background:red;font-size:14px}
哪种格式更好呢?
-->
基本样式:
宽 高 鼠标样式 可见样式 溢出隐藏 透明度
字体样式:
字体 font-family
字号 font-size
字的样式: font-style
字的粗细:font-weight
font:font-style font-weight 20px/40px "宋体"
字的颜色:color
文本属性:
行高:line-height
文本修饰:text-decoration:none
缩进:text-indent
字符间距:letter-spacing
空白间距:word-spacing
英文大小写:text-transform:capitalize/uppercase/lowercase
文字水平对齐方式:text-align
文本所在行高垂直对齐方式:vertical-align
</body>
</html>
(讲解3)css样式
最新推荐文章于 2024-06-21 00:14:21 发布