web前端 day11今日大纲

今天内容   HTML常用标签   声明HTML5的文档<!DOCTYPE HTML>

html标签 整个文档根标签    语义化   HTML体现了网页的结构   - head标签      标签是不会展示到网页上      meta标签 网页的元信息标签,主要针对网页的配置      title 网页的标签      style 样式标签      link  链接css文件         href属性      script 脚本标签         src 链接脚本文件   - body标签1.标题标签      h1~h62.超链接标签      a标签:anchor 锚点         href:跳转的地址         target: _self 在当前页面中打开地址               _blank 在新的空白页面打开地址         title:鼠标悬浮时显示的标题3.img标签 图片标签 src: 链接的图片地址 alt: 图片加载失败的时候显示的提示文本,为了用户体验4.列表标签(ul ol dl) ul和ol的子标签一定是li dl中有dt和dd5.表格table tr 行 单元格定制的内容 td6.表单form action: 提交的服务器地址 method: 请求方式input type text 单行文本输入框 password 密码输入框 radio 单选框 产生互斥效果,加同样的name属性值 默认选中: checked checkbox 多选框 默认选中:checked file 上传文件 datetime-local 时间 name 服务器端的key

 value 服务器端的valueid 通常跟label中的for属性值一样 placeholder 代替的文本 select 有name option 有value 如果想实现多选,给select标签添加multiple,摁着ctrl键进行多选 textarea 多行文本输入框 name valueid cols 列数 rows 行数 7.button 普通按钮

8.div + span

 ajax技术 XMLHttpRequest

 标签的嵌套规范: 块级标签可以包括块和行内 但是行内尽量不要包括块

 块级标签:1.独占一行 h1~h6 p: 上下有间距 ul ol dl li dt dd table tr form div 行内标签:1.在一行内显示 a img &nbsp;&copy; td em和i都是斜体标签 strong 对文本加粗input label

 二.CSS 层叠样式表 作用:对网页美化1.css的引入方式 行内样式 <div id="box" style="font-size: 20px" οnclick="alert(1)"> alex </div> 内嵌样式 <style></style> 外接样式 使用最多,通常都是在项目中 link2.css的选择器 选择器的作用:选中标签 基础选择器 id选择器#box{} 类选择器 .box{} 标签选择器 div{} 高级选择器 后代选择器#box p{} 子子孙孙 子代选择器#box>p{} 亲儿子 组合选择器 ul{ padding: 0; } ol{ padding: 0; }

 ul,ol{  padding: 0; } 交集选择器 属性选择器

3.优先级1.先看是否选中了标签 如果选中了 权重如何看? 数选择器的数量: id 类 标签 谁的数值大谁的优先级最高2.如果没有选中,继承来的属性,继承来的属性的权重接近0,跟选中的标签的优先级没有可比性3.同是继承来的属性 就近原则,距离描述的标签越近,优先级越高 如果描述的一样近,数选择器的权重

4.继承性: 有个别的属性被继承下来 color font-xxx text-align line-height

5.行高 一行的高度

 当行高等于盒子的高度,实现垂直居中 实现水平居中:text-align:center

6.常用格式化属性介绍 - 字体属性 font-size 字体大小 font-style 字体样式 normal italic font-family 设置网站字体 备选字体 font-family: '宋体','微软雅黑'; color 字体颜色 font-weight 字体粗细 normal 普通字体 bold 加粗字体100~900取值 - 文本属性 text-decoration 文本修饰 none 无修饰 undefined 下划线 overline 上划线 line-through 删除线 line-height 行高 text-align:文本对齐方式 left 左对齐 center 中心对齐 right 右对齐

7.盒子模型 width:内容的宽度 height:内容的高度 padding: 内边距 border:边框 margin: 外边距前端wiki链接：https://book.apeland.cn/details/314/

小马哥博客地址：

https://www.apeland.cn/web/

HTML：https://www.cnblogs.com/majj/category/1218953.htmlCSS: https://www.cnblogs.com/majj/category/1213642.htmlJavaScript： https://www.cnblogs.com/majj/category/1223635.htmljQuery： https://www.cnblogs.com/majj/category/1226448.html

转载于:https://www.cnblogs.com/lilyxiaoyy/p/11151035.html

web前端 day11今日大纲相关推荐

2019年web前端学习路线图大纲及学习方法，哎呦不错哦
Web前端是一个入行门槛较低的开发技术,但更是近几年热门的职业,web前端不仅薪资高发展前景好,是很多年轻人向往的一个职业,想学习web前端,那么你得找到好的学习方法,以下就给大家分享一份适合新手小白 ...
没想到啊！3980元的Web前端视频今日免费送
2018年,互联网行业风起云涌,IT工程师如果仅凭传统开发思维,无法突破固有知识体系,终将会被社会所淘汰.会跨平台混合应用开发.微信小程序.Web应用.pc以及手机炫酷网页的HTML5全栈开发工程师应 ...
没想到啊！3980元的Web前端视频今日免费送。
2017年,互联网行业风起云涌,IT工程师如果仅凭传统开发思维,无法突破固有知识体系,终将会被社会所淘汰.会跨平台混合应用开发.微信小程序.Web应用.pc以及手机炫酷网页的HTML5全栈开发工程师应 ...
课得软件丨成都web前端培训班哪儿好？
很多学习前端的人会问成都web前端培训班哪儿好?确实,这个问题一直以来都是大家纠结的.一个好的web前端培训班决定了你的前端学习水平,因此选择一个好的web前端培训班至关重要.我们来看看成都web前端 ...
Web前端低代码介绍的ppt大纲
在当今快节奏的数字化时代,许多企业都面临着数字化转型的压力.然而,数字化转型往往需要大量的时间和资源来完成复杂的开发过程,这对于许多企业而言可能是一个巨大的挑战.为了解决这个问题,低代码开发应运而生. ...
web前端开发基础班课程大纲
前端开发是创建Web页面或app等前端界面呈现给用户的过程.前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术.框架.解决方案,来实现互联网产品的用户界面交互.Web前端工程师, ...
最新麦子学院Web前端项目实战 Web前端开发从入门到精通33G完整版
课程介绍下载地址:百度网盘一共超过33G的整套麦子学院Web前段视频教程,共分为4大阶段循序渐进的进行逐步深入的解读,从基础知识入门到后期的项目实战开发对于想从事Web前端学习和开发工作的朋友来 ...
Web 前端，易学难精，没有拿手的实战项目，怎么办？
今年受经济下行与疫情叠加的影响,毕业生有800多万,就业形势十分严峻,但即便如此,Web 前端人才在软件开发行业的就业市场中依旧供小于求,目前,全国总缺口每年大约为近百万人. 行业对前端需求量持续增加 ...
裸辞后，从Android转战Web前端的学习以及求职之路
在互联网的下半场,想要通过开发出一个APP就去创业,几乎不可能,难的不是开发成本,而是运营成本. 前言我从Android开发转Web前端开发,没有别的原因,纯粹只是因为兴趣.你所见到的网站开发.手机 ...

web前端 day11今日大纲

web前端 day11今日大纲相关推荐

最新文章

热门文章