h4和c2的简单内容

从开始接触前端到现在也有好长一段时间了,仅个人而言写点对于h4和c2的知识点。

1.font

这是在html中比较重要的一个属性,

用法:<font  color=”gray”   size=”2”   face=”宋体” >内容</font>

color:让文字颜色改变

size:范围是1-7   正常3

face : 指定文本的字体

font-weight 设置具体的数字范围是100-900.

font的连写:

font:  font-style   font-weight  font-size   font-family;

特点:

font-style,font-weight 可以省略

font-style,font-weight 可以交换顺序

font-size   font-family 不可以省略

例如:font: 15px "华文行楷";

其中字体大小和字体体系是必写的

line-height:40px;

行高定义需要在字体定义之后,如果 行高在font之前 ,line-height失效!

2.粗体、斜体、下划线、删除线


标签


用法


效果


被弃用的相同效果


strong


<strong></strong>


加粗


b


em


<em></em>


斜体


i


ins


<ins></ins>


下划线


u


del


<del></del>


删除线


s

3.ol,ul,dl列表

ul无序列表:

    <ul>

<li>内  容</li>

<li>内  容</li>

</ul>

ol有序列表

dl自定义列表:

<dl>

<dt>小标题</dt>

<dd>内  容</dd>

</dl>

其中,ul列表在以后的开发中是会经常使用的

4.table表格

<table>

<caption>标题</caption>

<thead><tr><th> 表头 </th></tr></thead>

  <tbody><tr><td> 内容 </td></tr></tbody>

<tfoot><tr><td> 表尾 </td></tr></tfoot>

</table>

colspan="2"    rowspan

个人认为表格了解一下,能看懂即可,因为并不会有太多的需求使用到这类表格

5.超链接标签

target=”跳转的方式”

_blank     在新的窗口打开页面

_self        在当前页面跳转

使用a标签在页面上定位标签

要准备一个被a标签定位的标签,要有id属性

标签的href属性的值是#+目标标签的id

实现下载功能

<a href=”文件的相对路径” ></a>

注意:

①这种方式当下已经很少使用

②如果浏览器认识这种文件,会直接在浏览器中打开

6.input输入框

<input type="text" placeholder="请输入用户名" value="123456" />

属性:  placeholder   提示的文字,当我们输入内容的时候,会消失

maxlength       设置允许输入的最大长度

<form action="">

<fieldset>    //给表单加个框框

<legend>测试type属性     //框框上的字

</legend>

<label for="">color:

</label>

<label for="">tel:

</label>

<input type="tel">

<input type="submit">

</fieldset>

</form>

这个属性也是特别重要的一个属性,因为在网页中我们能够点击去输入内容的文本框,80%都是input标签

7.定位

1.固定定位

  position :fixed

特点:

  1      不占据原来在标准流里的位置

  2      模式转换

  3       定位的基准是以浏览器为基准的

2.绝对定位

  position:absolute

特点:

  1      不占据原来在标准流中的位置

  2       可是实现模式的转换

  3      如果父元素设置了定位,绝对定位是相对于父元素而言的,否则就是相对于浏览器而言

3.相对定位

  position: relative

特点:

  1      占据原来在标准流里的位置

  2      不能实现模式转换

  3      定位是相对于原来在标准流里的位置而言的

4.静态定位

  position: static

静态定位其实就是标准流,也就是默认的情况

特点:

  1      占据原来的位置

  2      不能实现模式转换

  3      定位无论怎么设置,都没有效果

平时在使用的时候,要记住子绝父相,也就是给子元素绝对定位,那么就要给父元素相对定位,让子元素相对于父元素来设置定位的位置

8.层级

z-index:number

默认层级为0,最大为9999,当然这很少有人会这样去设置层级 。。

只有设置了定位的元素才能够使用层级这个属性,static定位是无法使用z-index的

控制的是定位里层级

写的不是很好,具体内容我认为还是要再实践中去探索

时间: 2024-10-10 04:34:11

h4和c2的简单内容的相关文章

使用 CGContextRef 进行简单内容绘制

摘要 : CGContextRef 功能强大,我们借助它可以画各种图形.这里所举例子只是简单内容绘制,冰山一角,对此感兴趣的朋友可以举一反三,实现各种酷炫效果. 效果如下: KMDrawView.h 1 #import <UIKit/UIKit.h> 2 3 @interface KMDrawView : UIView 4 5 @end KMDrawView.m 1 #import "KMDrawView.h" 2 3 @interface KMDrawView () 4

CMS简单内容管理系统

架构 NewsDaoSQLServerImpl public class NewsDaoSQLServerImpl extends BaseDao implements NewsDao { public void testSelect() throws Exception { List<News> list = getAllNews(); for (News news : list) { System.out.println(news.getTITLE()); System.out.print

学习css简单内容

Css的class,ID和上下文选择符 Class选择符. Class选择符用来配置某一类css规则,将其应用到网页中一个或多个区域.配置一类样式时,要将选择符配置成类名.在类名前加(.).类名必须以字母开头,可包含字母,连字符和下划线.类名不能出现空格. 下面以future为类名,配置文本字体颜色为红色. .future{color:#FF0000;} ID选择符 用id选择符想网页中单个区域应用独特的css规则.Class选择符可在网页上多次应用.而id选择符在每个网页中只能应用一次.为某个

避免XSS(跨站脚本攻击)的简单内容转义(测试为知发布到博客)

为避免XSS(跨站脚本攻击),我们可对页面录入的数据,在持久化数据库前,将这些数据转义. import org.apache.commons.lang.StringEscapeUtils; 来自为知笔记(Wiz)

意外的节点类型 Element。只能在简单内容或空内容上调用 ReadElementString 方法

问题出现的情景: 在调用携程团购接口时,需要把获取的xml字符串反序列化实体对象,出现了这个错误. 详情: 在对xml文档有这样一条语句“ <Description Category="1" Title="描述"><Content Title="描述"><Text>尊享<b>杭州中山国际大酒店高级房</b>1晚+免费早餐2份+免费wifi+更多优惠!酒店位于繁华的湖滨商圈,毗邻地铁1号线

【软件使用】TortoiseSVN版本管理软件使用简单说明

TortoiseSVN版本管理软件使用简单说明 很多时候在写一个小的项目不想使用github等工具,只想简单在本地搭建一个版本管理器.那么TortoiseSVN就非常适合. 第一步:下载TortoiseSVN,http://tortoisesvn.net/downloads.html 按自己的操作系统下载对应的软件即可,安装过程很简单.一步一步到底,安装完后,右键菜单中会出现TortoiseSVN的选项: 第二步,创建一个文件夹用来存放TortoiseSVN的数据,例如创建E:\Coding\S

比较不熟的JavaScript点滴,慢慢前行,附带简单复杂化的php小计算器一份

interface.php 1 <html> 2 <head> 3 <meta charset="utf-8" /> 4 <title>这是一个简单的计算器</title> 5 </head> 6 <body> 7 <h4>这是一个简单复杂化的计算器</h4> 8 <hr/> 9 <form action="operation.php" me

设计模式-简单工厂 --工厂模式--抽象模式

1 .简单工厂模式 package com.bjsxt.factory.simplefactory; public interface Car { void run(); } package com.bjsxt.factory.simplefactory; public class Audi implements Car { @Override public void run() { System.out.println("奥迪再跑!"); } } package com.bjsxt.

步步为营-73-asp.net的简单练习(根据美工提供静态页面,编写后台代码)

说明:实际企业中开发分工是很明确,往往程序员根据美工提供的UI界面进行后台代码的编写. 1.1 原始HTML页面 1.2 使用aspx进行修改 这里使用到了三层架构 using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namesp