![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
weixin_44793200
这个作者很懒,什么都没留下…
展开
-
样式
1.概念css样式的作用:对内容的美化--字体 背景 列表html:内容的体现css样式需要关键字:style="属性1:值1;属性2:值2;......"2.样式:height --- 高度 width 宽度取值有两种方式:1、像素 2、百分比3.背景样式:background:设置一块区域的背景,行内元素与块元素均可。可以设置背景为颜色,或...原创 2019-04-26 16:30:30 · 350 阅读 · 0 评论 -
图片摆动
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>美食加倍,享受加倍</title> &...原创 2019-05-07 16:23:20 · 139 阅读 · 0 评论 -
设置图片的热点区域
使用usemap属性;点击图片的不同位置,链接到不同的页面usemap="#自定义的map"自定义的map:需要name和id属性,map中可以自定义多个areaarea的属性:shape:定义热点区的形状 rect circle polycoords:坐标rect形状:坐标是4个值,左上角的x,y,右下角的x,y值circle形状:坐标是3个值,圆心坐...原创 2019-04-25 16:04:28 · 1883 阅读 · 0 评论 -
常用标签介绍
块状元素特征:独占一行;可以设置宽度和高度占一整行,上下排列该块元素还是占一整行1.标题标签<h1>~<h6>--一般用在标题上2段落标签<p></p>--一把用在正文上(blockquote也是段落)3层标签<div>--一般用来布局,作为容器盛放其他标签4列表标签 --一般用在导航上5有序列表...原创 2019-04-25 15:40:42 · 283 阅读 · 0 评论 -
form
1表单格式<form action="" method=""> </form> 说明form 提交数据到服务器的时候action 目标页面method 提交方式method 取值有两个值 get post1.1属性name 名字type样式value 值checked 预先选定复选框...原创 2019-04-25 14:21:50 · 198 阅读 · 0 评论 -
html使用
1.html说明1.1<!--注解 -->注释:解释说明,对代码的说明;注释浏览器不解析2html:超文本标签语言浏览器解析;弱语言:偶尔写错浏览也能解析;程序员编写的时候尽量规范;3标签的作用:让html页面语义化4标准的html格式文档声明:<!doctype html>html标签:包括所有内容head标签:文档头,包括一些关于页...原创 2019-04-25 12:48:25 · 758 阅读 · 0 评论 -
marquee 案例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel=...原创 2019-05-05 16:43:06 · 341 阅读 · 0 评论 -
marquee
marquee的标签内容的对齐方式:absbottom:绝对底部对齐(与g、p等字母的最下端对齐)absmiddle:绝对中央对齐baseline:底线对齐bottom:底部对齐(默认)left:左对齐middle:中间对齐right:右对齐texttop:顶线对齐top:顶部对齐behavior属性:表示文字滚动方式属性的参数值:alte...原创 2019-05-05 16:06:42 · 439 阅读 · 0 评论 -
display
更改元素的特征:可以将行级元素改为块状元素,定义元素的布局类型,(块元素 / 行内元素 / 行内块元素)block:将当前元素修改为块状元素,意味着当前元素具备了所有块状元素的特征 元素会占据整个屏幕的宽度, 用户可以给块元素设置宽高inline:将当前元素修改为行级元素,意味着当前元素具备了所有行级元素的特征 元素的宽度由内容决定,多个元素会在一行内从左向右排列,用户不能...原创 2019-04-28 14:00:57 · 113 阅读 · 0 评论 -
元素的盒子模型
一个元素从内到外依次为:元素内容,元素内边距(padding),元素边框(border),元素外边距(margin)1.margin元素的内容与边框之间的距离;分四个方向padding:10px; 上下左右四个方向都是10px距离;padding: 20px 70px;第一个是上下的距离,第二个是左右的距离;padding: 20px 70px 150px; 上边距 左右...原创 2019-04-28 13:46:04 · 322 阅读 · 0 评论 -
伪类选择器
特点:在任何选择器后,添加伪类选择器可以设置鼠标悬停在该元素上时,该元素展现的样式。需要标签:a标签浏览器会给a标签默认添加一些样式a标签有4种状态: (1)a:link(未访问过的链接) (2) a:hover(鼠标经过,也就是鼠标指针放在该元素上时) (3)a:active(当前激活链接,也就是点击鼠标左键时) (4)a...原创 2019-04-28 11:51:34 · 5697 阅读 · 0 评论 -
超链接
1超链接格式:<a href="" target="_self"></a>href="目标地址:推荐相对路径" target="目标页面打开的位置:默认当前窗口_selft;_blank新窗口打开"_self:也是默认值;当前窗口打开新页面;_blank:新窗口打开_parent:父窗口打开2锚链接页面长度超过一屏,开始位置提供快速跳转导...原创 2019-04-28 10:54:23 · 107 阅读 · 0 评论 -
选择器分类和样式表分类
1.用选择器标签的通用属性:id:元素的唯一标识属性,自定义id名称,不能重名name:元素的名称,可以重名style属性:编写元素的样式class:引用样式的属性2选择器分类:选择器格式:选择器名称{ 属性名:属性值; 属性名:属性值; ......}(1)标签选择器:对页面上所有的同名的标签生...原创 2019-04-28 10:37:14 · 373 阅读 · 0 评论 -
table
1表格的基本标签行tr列 td(一般在表格第一行不用td,其余表格td) th加粗(一般在表格第一行用th,)表格中有一个或者多个td(th),<table border="1"> <tr> <th>商品</th> <th>数量</th> <th>价格...原创 2019-04-27 16:19:22 · 243 阅读 · 0 评论 -
内嵌框架
内嵌框架的关键字:iframeiframe 可也与body共存格式: <iframe name="content" src=""></iframe> name:自定义的框架名称;未来可以使用在超链接的target属性取值中; Src:路径下面是代码1.iframe.html<!DOCTYPE...原创 2019-04-27 15:11:10 · 178 阅读 · 0 评论 -
框架集
framer :不与bady共存 所有有框架集的页面需要删除body标签作用:目的是将多个页面组合在一起,一般页面上部分内容发生变更的时候使用居多用处:论坛,系统后台,个人中心等cols:纵向分割,纵向分几个块取决于clos中的值rows:横向分割,横向分几个块取决于rows中的值最后一个值可以用*号,表示前面的分完剩下的都是最后一块的框架集分割出的元素一般用fram...原创 2019-04-27 14:46:54 · 235 阅读 · 0 评论 -
no-repeat案例
理解no-repeat x xp y xp -x表示上方移动x个xp, x表示下方移动x个xp, -y表示左方移动x个xp, -y表示右方移动x个xp,1一张图片有许多图像,图像都规则的显出2.网站先出来如图所示<!DOCTYPE html><html> <head> <meta charset="UTF-8"&g...原创 2019-04-26 17:52:25 · 3543 阅读 · 0 评论 -
轮播图用使用 Bootstrap
下载和使用bootstrap.js或压缩版的bootstrap.min.js下载jQuery使用代码如下<html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></ti...原创 2019-05-21 15:21:19 · 104 阅读 · 0 评论