基础班技术分享【黑马web前端】

更新时间:2019年07月26日 10时52分19秒来源:黑马程序员论坛

来黑马培训的这一个月可是学到了不少技术，虽然时间很短且是基础班，但是不得不说3个字，黑马牛逼。那么下面就讲一讲关于web前端，HTML及css的一些小知识吧。
web标准的组成部分
1、结构标准（HTML）
2、表现标准（CSS样式）
3、行为标准（javascript）
关于HTML的概念
1、HTML是超文本标记语言，不是编程语言；
2、用HTML标签来描述网页元素，比如：链接、图片、文字等；
3、我们需要将所有的标签放在尖括号“<>” 里面
图片的常见属性
src       属性值 --- url    图像路径
alt       属性值 --- 自定义文本图像不能正常显示的时候替换文本；
title    属性值 --- 自定义文本鼠标移入图片显示提示文本；
width    属性值 --- 自定义数值设置图片的宽度；
height 属性值 --- 自定义数值设置图片的高度；
列表
无序列表、有序列表、自定义列表（项目列表）

input文本控件
所有的input控件都是通过更改type的取值不同实现不同的效果；
文本框：input的type取值为text <input type=“text” />
可以设置value属性设置默认的值，<input type=“text”  value=“默认值” />
密码框：input的type取值为password <input type=“password” />
单选按钮：type=“radio” ,想要实现单选效果我们需要给input标签设置相同的name进行设置归为一类；                <input type="radio" name="sex">
复选按钮：type=“checkbox”，也可以设置同样的name名称，但是不会影响多选的效果；                            <input type="checkbox" >
注意：如果想要实现单选按钮和复选按钮默认选中效果我们就需要设置对应的属性checked=“checked”
单选按钮 <input type="radio" checked="checked“  >
文档查询
W3C : http://www.w3school.com.cn/
MDN: https://developer.mozilla.org/zh-CN/
css属性书写顺序
1、布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）
2、自身属性：width / height / margin / padding / border / background
3、文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word
4、其他属性（CSS3）：content / cursor / border-radius / box-shadow / text-shadow
相对定位：position:relative;
绝对定位：position:absolute;
固定定位：position:fixed

如何实现固定定位的盒子跟随版心移动
将固定定位的盒子left:50%; 然后设置margin-left的值=版心的一半+定位盒子的宽度+任意值；
display显示与隐藏（不占位的隐藏）-记住
隐藏：display:none;
显示：display:block; 将隐藏的元素显示出来

overflow:hideen; 溢出隐藏，将超出固定宽高范围内的内容隐藏起来，不是删除了；
overflow:scroll; 显示横向和竖向的滚动条显示（不用）；
overflow:auto;溢出滚动，将超出固定宽高范围的内容以滚动条的形式显示（不用）；

那么技术交流也就到这里了，如果你想变成IT大佬就来黑马吧。

推荐了解热门学科

java培训	Python人工智能	Web前端培训	PHP培训
区块链培训	影视制作培训	C++培训	产品经理培训
UI设计培训	新媒体培训	产品经理培训	Linux运维
大数据培训	智能机器人软件开发

传智播客是一家致力于培养高素质软件开发人才的科技公司，“黑马程序员”是传智播客旗下高端IT教育品牌。自“黑马程序员”成立以来，教学研发团队一直致力于打造精品课程资源，不断在产、学、研3个层面创新自己的执教理念与教学方针，并集中“黑马程序员”的优势力量，针对性地出版了计算机系列教材50多册，制作教学视频数+套，发表各类技术文章数百篇。

传智播客从未停止思考

传智播客副总裁毕向东在2019IT培训行业变革大会提到，“传智播客意识到企业的用人需求已经从初级程序员升级到中高级程序员，具备多领域、多行业项目经验的人才成为企业用人的首选。”

中级程序员和初级程序员的差别在哪里?
项目经验。毕向东表示，“中级程序员和初级程序员最大的差别在于中级程序员比初级程序员多了三四年的工作经验，从而多出了更多的项目经验。“为此，传智播客研究院引进曾在知名IT企业如阿里、IBM就职的高级技术专家，集中研发面向中高级程序员的课程，用以满足企业用人需求，尽快补全IT行业所需的人才缺口。

何为中高级程序员课程?

传智播客进行了定义。中高级程序员课程，是在当前主流的初级程序员课程的基础上，增加多领域多行业的含金量项目，从技术的广度和深度上进行拓展。“我们希望用5年的时间，打造上百个高含金量的项目，覆盖主流的32个行业。”传智播客课程研发总监于洋表示。

黑马程序员热门视频教程【点击播放】

Python入门教程完整版（懂中文就能学会）	零起点打开Java世界的大门
C++\| 匠心之作从0到1入门学编程	PHP\|零基础入门开发者编程核心技术
Web前端入门教程_Web前端html+css+JavaScript	软件测试入门到精通

全国中心

基础班技术分享【黑马web前端】

相关阅读