【前端学习（四）：body标签（二）】的更多相关文章

前端学习(一) body标签(上)

body标签中相关标签 主要内容: 字体标签:  h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签:  <div> .<span> . <br>.<hr>.<center>.<pre> 超链接:  <a> 图片标签:  <img> HTML标签中有两类标签: 1.字体标签 2.…

前端学习之jquery（二）

操作元素(属性,css,文档处理) 1.1 属性操作 --------------------------属性 $("").attr(); $("").removeAttr(); $("").prop(); $("").removeProp(); --------------------------CSS类 $("").addClass(class|fn) $("").removeCla…

前端学习 之 Bootstrap（二）

一.代码 内联代码:用<code>包裹,但是需要用<和>表示尖括号. 键盘输入:用<kbd>包裹表示键盘输入的内容. 多行代码:用<pre>包裹多行代码,同样需要对尖括号做转义处理.可以使用 .pre-scrollable 类,其作用是固定代码框大小设置 max-height 为 350px ,并在垂直方向展示滚动条 变量:用<var>表示变量 程序输出:<smp>表示程序输出 二.表格 1.基本表格 <table> &l…

前端学习(一) body标签(下)

今日主要内容: 列表标签 <ul>.<ol>.<dl> 表格标签 <table> 表单标签 <fom> 一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <ul> <li>张三</li> <li>李四</…

前端学习 之 CSS（二）

五:继承性和层叠性 css有两大特性,即继承性和层叠性. 1. 继承性 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法.那么我们现在主要研究css,css就是在设置属性的.不会牵扯到方法的层面. 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承. 记住:有一些属性是可以继承下来 : color . font-*. text-*.line-* .主要是文本级的标签元素. 但是像一些盒子元素属性,定位的元素(浮动,绝对定位,固定定位)…

大前端学习笔记整理【二】CSS视觉格式化模型

1. 概念 在视觉格式化模型中,文档树中的每个元素都将会根据盒模型产生零到多个盒子.这些盒子的布局由如下因素决定: 盒子的尺寸和类型 定位策略(正常文档流,浮动或者绝对定位) 和文档树中其他元素的关系 额外的信息(比如视口的大小,图片的原始尺寸等) 1.1 视口(viewport) 连续媒体(continuous media)的UA(user agent/用户代理)通常会给用户提供一个视口,一般为一个窗口或者屏幕上的一片可视区域.用户通过这个视口查看文档(document).当视口的大小改变时,…

前端学习（四）：body标签（二）

进击のpython ***** 前端学习--body标签 接着上一节,我们看一下还有没有什么网址 果不其然,在看到新闻类的网址的时候 我们发现还有许多的不一样的东西! 使用ul,添加新闻信息列表 这个样子是什么做出来的呢??? 前面有个点,后面有文字,其实这是列表 (新开一个项目,不要用上一节的项目了) 这一连串的信息其实谁上谁下都无所谓,所以也叫无序列表<ul></ul>(我猜的unorder) 那单单只有列表没有用,我们还要规定一下每一列的信息 line information…

前端学习（六）：body标签（四）

进击のpython ***** 前端学习--body标签 关于前面的都是大部分的标签内容 但是就像衣服一样,除了要有,还要放到适当的位置 我们先来看看一下网页的布局: 就可以看出来,网页都是一块一块的,而像这种分块的操作,就像是一个盒子一个盒子的紧凑拼接 那我们这节讲的就是用来拼凑的盒子--div&span div&span 在网页制作中,我们可以把一些独立的逻辑部分划分出来,放在一个div标签中 这个<div>标签的作用就相当于一个容器,把我们想要的内容给装起来 div的意思…

前端学习（二）：head标签

进击のpython ***** 前端学习--head标签 head标签中的相关标签,是看不见摸不着的,仅仅是对应用于网页的一些基础信息(元信息) 前面说的是青春版,完整的head应该是这样的 !<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi…

前端学习 第四弹： HTML（一）

前端学习 第四弹: HTML(一) 元素分类:块元素 内联元素 块级元素在浏览器显示时,通常会以新行来开始(和结束). 例子:<h1>, <p>, <ul>, <table>,<div> 内联元素在显示时通常不会以新行开始. 例子:<b>, <td>, <a>, <img>,<span> 段落    HTML中的段落靠<p>来划分    p是块级元素 如果您希望在不产生一个新…