Author:Mr.柳上原
- 付出不亚于任何的努力
- 愿我们所有的努力,都不会被生活辜负
- 不忘初心,方得始终
零基础
刚开始的时候很难
不仅仅是因为第一次接触代码
还有生活的压力、年龄的压力
我问一个只有高中学历,当兵退伍回来,年纪比我大很多的朋友,你是怎么学成前端的
“没有其他方法,坚持下来就好了。”
现在在阿里巴巴上班的朋友如是说道。
原来成功如此简单,坚持就好了
<!DOCTYPE html> <!-- 文档类型:标准html文档 -->
<html lang='en'> <!-- html根标签 翻译文字:英文 -->
<head> <!-- 网页头部 -->
<meta charset='UTF-8'/> <!-- 网页字符编码 -->
<meta name='Keywords' content='关键词1,关键词2'/>
<meta name='Description' content='网站说明'/>
<meta name='Author' content='作者'/>
<title>前端59期学员作业</title> <!-- 网页标题 -->
<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->
<style type='text/css'> /*内部样式表*/
*{ /* 通配符选择器 可以选择所有的标签 */
width:0px;
}
.wrap{ /* calss选择器 可以有多个值 */
width:0px;
}
#wrap{ /* id选择器 只能有唯一的值 */
width:0px;
}
.wrap ul li{ /* 后代选择器 */
width:0px;
}
#wrap,.wrap,ul,li{ /*多元素选择器 */
width:0px;
}
div > p{ /* 子元素选择器 */
width:0px;
}
p + p{ /* 邻居选择器 */
width:0px;
}
[p="wrap"]{ /* 属性选择器:[p="wrap"] 有p属性且p=wrap [p~="wrap"] 有p属性且p=wrap 或 包含wrap值 [p|="wrap"] 有p属性且p=wrap 或 以wrap-开头*/
width:0px;
}
background:url(' ') no-repeat -10px -280/40px 38px;
background-color 背景颜色
background-image 背景图片
background-repeat 背景平铺(repeat平铺 no-repeat不平铺 repeat-x repeat-y平铺x,y轴)
background-position 背景位置
background-size 背景大小(contain铺满xy轴任意一条为止 cover铺满全部轴)
backgruond-attachment 背景图片位置(scroll背景图片随盒子滚动而滚动 fixed背景图片不随盒子滚动)
</style>
</head>
<body> <!-- 网页主干:可视化区域 -->
<div id='wrap' class='wrap'>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>