HTML
关注
分享
扫一扫
夙惜言
这个作者很懒，什么都没留下…
展开
-
23.图片边框
emmm..这个好丑，感觉用不到留一个连接。CSS border-image属性原创 2022-01-04 20:27:32 · 329 阅读 · 0 评论 -
23.border-radius圆角边框介绍
比较简单，直接上属性属性 说明 border-radius 创建四个圆角 border-top-left-radius 设置左上角 border-top-right-radius 设置右上角 border-bottom-right-radius 设置右下角 border-bottom-left-radius 设置左下角 border-radius是最常用的一个属性，他可以有四个参数，有四种写法分别是：border-radius:四个半原创 2022-01-04 20:07:02 · 532 阅读 · 0 评论 -
22.多列布局
CSS3中新出现的多列布局(multi-column)是传统HTML网页块状布局模式的有力扩充。这种新语法能够让Web开发人员轻松地让文本呈现多列显示状态。多列属性允许在多个垂直列中布局内容。多列属性属性 说明 column-count 指定列数，值是数字 column-fill 指定内容在列与列之间的分布式方式，如果去balance值，则指浏览器确保不同列之间的长度差异尽可能小。如果取auto值，则按照顺序填充列 column-gap 指定列之间的距离 co原创 2022-01-04 19:57:10 · 336 阅读 · 0 评论 -
21.display弹性布局
刚开始这玩意理解起来，有点绕口。属性有点多，所以先上实践。首先有几个div，给他们加上背景色以便区分。首先他默认的样式是正常的三个快标签div给#all设置弹性布局后，效果是这样的看起来好像没什么用处，但他其他的属性作用就体现出来了首先是 flex-direction 伸缩流方向，参数column表示水平方向布局，row表示垂直方向布局当父元素设置完弹性布局后，可以在子元素中设置他们的扩展比率当只有红色设置比例，且比例为1时。会按照 全部比例相加分之1给.原创 2022-01-04 19:32:05 · 650 阅读 · 0 评论 -
20.media媒体查询
media标签写法：@media 设备名 only/not/and (选取条件){ CSS样式}@media (选取条件){ CSS样式}only：省略某种设备not：排除某种设备and：逻辑与设备名：参数 说明 all 所有设备 braille 盲文 embossed 盲文打印 handheld 手持设备 print 文档打印或打印预览模式 projection 项目演示，比如幻灯片原创 2022-01-03 12:23:26 · 232 阅读 · 0 评论 -
19.overflow属性设置溢出内容
首先代码部分是一个简单的管理系统头部：主题div Class为：header标题div Class为：nav标题中含有ul标签和六个li标签CSS样式如下：*{ margin: 0px; padding: 0px; } .header{ text-align: center; font-size: 24px; } .nav{ border:1px solid #000; height:30px; line-height:原创 2022-01-02 19:31:36 · 982 阅读 · 0 评论 -
18.视口的属性
<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/><meta>标签的作用是让当前视口的宽度等于设备的宽度，同时不允许用户手动缩放。视口的属性：属性 说明 width 设置layout viewport的宽度为一个正整数或字符串“width-devicc” initial-scale .原创 2021-12-28 19:07:44 · 1003 阅读 · 0 评论 -
17.元素分组
效果：fieldset创建一个分组，分组默认为一个带边框的正方体。<fieldset></fieldset>legend设置分组的名字，只有第一个legend标签有效。原创 2021-12-28 18:21:23 · 384 阅读 · 0 评论 -
16.表格css样式改变边框(折叠边框)
在制作表格时，常常默认的样子是这样的：不是很美观和达到我们的预期，可以在css样式中设置折叠边框样式来进行美化 ：border-collapse: collapse;来设置折叠边框：原创 2021-12-28 18:01:32 · 699 阅读 · 0 评论 -
15.iframe嵌入其他网页
<iframe src="引入的网页位置" height="高" width="宽" frameborder="边缘宽度">用法示例：先编辑中间部分的代码，给div标签套一层边框加上字：执行结果如下：然后创建另外两个H5网页头部：底部：然后使用iframe标签吧头部和底部插入到主体的上方和下方：...原创 2021-12-23 14:57:30 · 4020 阅读 · 0 评论 -
14.HTML盒子的浮动、塌陷、定位
浮动定位是网页中最为重要的定位方式 所谓的盒子，就好比父元素内含有子元素，那么父元素就是子元素的盒子。子元素会撑开父元素的大小，而父元素内没有子元素(不手动设置宽高)时，大小为0*0 而浮动则指的就是脱离父元素，可以理解为漂浮到在父元素相应位置的上方 而父元素内没有了子元素的存在，大小就会压缩成0*0，也就造成了浮动塌陷盒子浮动： 属性：float:none / left / right ;参...原创 2021-07-22 16:18:47 · 682 阅读 · 0 评论 -
13.HTML背景、背景渐变、盒子阴影
背景属性属性 说明 示例 background-color 设置元素的背景颜色 background-color:#FFAAAA; background-image 设置元素的背景图片 background-image:url(图片路径); background-repeat 设置元素的背景图片重复方式 background-repeat:repeat; repeat(默认值，纵向横向平铺) no-repeat(背景图像原创 2021-07-19 22:23:16 · 630 阅读 · 0 评论 -
12.HTML边距(外边距)、填充(内边距)、边框的概念
边距(外边距) margin分为上下左右四个方向。设置元素边距时，可以单独设置某个方向。也可以使用复合属性。属性 含义 margin-top 设置上边距 margin-right 设置右边距 margin-bottom 设置下边距 margin-left 设置左边距 margin 复合属性，顺序为上右下左 填充(内边距) 元素的填充也成为内边距，它是指元素内容与边...原创 2021-07-19 17:06:56 · 7077 阅读 · 3 评论 -
11.HTML中CSS字体、文本、列表属性
字体属性： CSS的字体属性用于定义字体类型、字号、大小以及字体是否加粗等。属性 含义 举例 font 设置字体的所有样式属性 font:bold 12px 楷体 font-family 字体的类型(楷体、宋体、黑体等) font-family:楷体 font-size 字体的大小 font-size:12px font-weight 字体的粗细 font-weight:bold ...原创 2021-07-19 14:27:10 · 186 阅读 · 0 评论 -
10.HTML CSS和CSS基本选择器
CSS样式就是修饰网页的一种技术使用CSS样式表可以对同一个网页进行不同的修饰，产生不同风格的页面同一个样式可以作用于不同的页面，可以使页面保持统一的风格换一种说法，就是对界面属性、样式、美观的一个更高级的设置内嵌样式： 顾名思义就是在HTML文件内的样式<html> <head> <meta charset="utf-8" /> <title>标题</title>...原创 2021-07-16 22:22:35 · 105 阅读 · 0 评论 -
9.HTML表单
<form name="表单名字" action="提交地址" method="get/post"> <!--表单内容--></form>name属性用于设置表单的名称，这一属性不是表单的必须属性，但为了防止表单在提交到后台处理程序时出现混乱，一般要设置与功能相符的名称action属性用于设置表单的提交地址，当用户写完表单后，单机提交按钮，浏览器将表单信息提交至指定的URL进行处理。method属性用于设置表单的提交方式，其值只能为get和post.原创 2021-07-13 17:09:22 · 224 阅读 · 0 评论 -
8.HTML表格
<table border="1"> <tr> <td>单元格里的内容1</td> <td>单元格里的内容2</td> </tr> <tr> <td>单元格里的内容3</td> <td>单元格里的内容4</td> </tr> <tr> <td>单元格里的内容5</td> <td.原创 2021-07-11 23:39:23 · 198 阅读 · 0 评论 -
7.HTML中div和span
<div> <!--内容--></div>div标签没有特殊的含义，只是作为组合其他html标签的容器默认情况下，div元素独占一行当存在多个div元素时，将从上到下排列<span> <!--内容--></span>span标签也没有特殊的含义，可以作为文本的容器使用span与div不同，默认情况下，多个span标签可以存在于同一行，按照从左到右的方式进行排列...原创 2021-07-11 18:56:34 · 403 阅读 · 0 评论 -
6.HTML列表
列表： 有序列表：li标签内为列表内容 type为列表属性，1为阿拉伯数字 a为小写英文 A为大写英文 ...原创 2021-07-11 18:42:56 · 346 阅读 · 0 评论 -
5.HTML音频和视频
<audio src="音乐路径.mp3" controls="true"> <source src="其他格式音乐.wav"> <source src="其他格式音乐.ogg"></audio>audio:插入音频属性 值 描述 src URL 播放音频的地址 controls true/false 是否显示控件 autopl true/false 是否就绪后马上...原创 2021-07-11 17:10:22 · 85 阅读 · 0 评论 -
4.HTML图片和超链接
<img src="图片路径" alt="信息"/>img标签属于空标签，只有起始没有结束，src中输入图片的位置 图片的位置可以是本机中的绝对定位或相对定位 也可以是http中的网络地址alt标签的内容会在图片加载失败后会显示在图片所在的位置图片中可以定义width、height、border和align属性分别是图片的宽、高、边框和对齐方式<img src="图片路径" width="宽...原创 2021-07-10 20:54:24 · 100 阅读 · 0 评论 -
3.HTML文本(标题、水平线、换行、加粗)
<h1>这是展示的文字</h1><h2>这是展示的文字</h2><h3>这是展示的文字</h3><h4>这是展示的文字</h4><h5>这是展示的文字</h5><h6>这是展示的文字</h6>字体从打到小为<h1>——<h6>表示HTML5的标题，每个标题标签所表示的文字独占一行<h1 align="..原创 2021-07-10 19:34:19 · 5113 阅读 · 0 评论 -
2.HTML基本标签
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html>doctype是Document Type的简写，用于说明使用的HTML是什么版本。 doctype声明必须放在每一个HTM...原创 2021-07-10 15:11:37 · 142 阅读 · 0 评论 -
1.HTML
HTML，超文本标记语言 大多数计算机能够识别出的语言 可以被浏览器直接解析 扩展名为.html或.htm 可以直接在文本文档编写 由文字和标签组合而成，一半是由一个其实标签和一个结束标签所组成<x>文字</x>...原创 2021-07-08 00:27:18 · 76 阅读 · 0 评论