![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
洋毛
这个作者很懒,什么都没留下…
展开
-
HTML简单网页——员工信息登录表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{border: aqua 5px solid;background-color: pink;widt...原创 2020-03-01 16:23:42 · 2474 阅读 · 0 评论 -
网页热卖商品模块(栅格系统)
技术要点:Bootstrap栅格系统页面结构:实现步骤:实现代码展示:<!DOCTYPE html><html><head><title>网页热卖商品模块</title><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=de原创 2020-05-17 17:56:46 · 673 阅读 · 0 评论 -
网页搜索模块
技术要点:Bootstrap表单、Bootstrap按钮结构布局:主要步骤:代码展示:<!DOCTYPE html><html><head><title>网页搜索模块</title><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="wid原创 2020-05-17 12:49:24 · 795 阅读 · 0 评论 -
利用Bootstrap制作汉堡按钮(header部分)
页面展示:本次网页header部分的页面效果。技术要求:Bootstrap布局容器、Bootstrap导航栏制作汉堡按钮的固定写法:同时需要安装Bootstrap下载安装,下载地址:https://www.bootcss.com/解压之后会有css、js、fonts,但是js中没有jQuery文件。这时复制此地址在网页打开:https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js,看到了版本信息后,在页面右击另存为之后会弹出原创 2020-05-15 13:26:45 · 2107 阅读 · 1 评论 -
爱奇艺banner制作
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/css;charset=UTF-8"> <meta name="viewport" con...原创 2020-05-02 12:00:11 · 491 阅读 · 0 评论 -
弹性盒子布局知识总结
栅格系统咋网页制作中,用固定的格子进行网页布局。弹性盒子布局可以轻松创建响应式网页布局,为盒状模型增加灵活性三个部分:容器、子元素、轴display用于指定弹性盒子的容器,其值可以为flex;行元素inline-flex。flex-flow:用于排列弹性子元素。(1).flex-direction: - row:子元素按轴方向顺序排列。 - row-rever...原创 2020-04-25 10:39:11 · 1696 阅读 · 0 评论 -
点击一个div显示或者隐藏一个div(视频video)
首先看到两个div之间的关系,选择合适的方式:控制div:hover关系 被控制div{css样式修饰}1. 空格分隔——控制子元素 2. +分隔——同级元素(兄弟元素)3. ~分隔——控制就近元素下面的列子是一个div里面放了video和一个div,当鼠标经过父div显示子div。<html> <head> <meta...原创 2020-04-24 11:00:19 · 840 阅读 · 0 评论 -
HTML表单提交方式post和get的区别
form标签<form action="提交路径" method="提交方式" name="表单名称"></form>name:表单名字action:提交的路径地址method:提交方式(get、post、delete、put),其中get和post使用的多,如果不明确指出,则默认的方式是getget和post的区别:(1)get提交数据加在地址栏的后面...原创 2020-04-03 11:13:04 · 2329 阅读 · 0 评论 -
CSS3动画
一.css animations两部分组成:动画关键帧和描述动画帧的css声明。@keyframes规则:可以设置多个关键帧,每一个帧表示动画过程中的一个状态。@keyframes规则的基本语法: @keyframes animationname{ keyframes-selector{css-styles;} }animation属性:用于描述动画的...原创 2020-03-27 11:10:46 · 187 阅读 · 0 评论 -
过渡与变形的综合应用
transition属性、2D变形的使用,transform属性实现过渡及变形效果。当鼠标移上第一张图像时,产生直角边框过渡为圆角边框的效果。当鼠标移上第二张图像时,产生图片逐渐放大的过渡效果。当鼠标移上第三张图像时,产生图片旋转的过渡效果当鼠标移上第四张图像时,产生图片透明逐渐变暗的过渡效果,并且伴随盒子阴影效果过渡。<!DOCTYPE<!DOCTYPE html>...原创 2020-03-24 11:29:43 · 260 阅读 · 0 评论 -
css3样式——圆角边框和过渡应用
border-radius属css3的圆角边框实际是在矩形的是个角分别做内切圆,然后通过设置内切圆的半径来控制圆角的弧度。css3的圆角边框使用border-radius实现。基本语法是:border-radius:1-4 length|%/1-4 length | %length 的值不可为负值,/的前面的值是水平半径,后面的值但是垂直半径,无/则水平和垂直一样。顺序是top-left、...原创 2020-03-23 09:31:37 · 828 阅读 · 0 评论 -
HTML5的文本标签和css3文本外观属性
html5中常用的文本标签:标题标签:定义了六级标题,字号越大,六号越小段落标签:<.p>br与wbr标签:br换行符,wbr软回车和断字符一般应用在英文上面。bdi标签:设置一段文本,使其脱离父标签的文本方向设置。details与summary:描述文档和文档的某一个标题,目前只有Chrome支持。ruby标签、<rp>标签:用于给汉字注音。mark标签:...原创 2020-03-21 21:43:43 · 409 阅读 · 0 评论 -
HTML5语义标签——全局属性、css选择器
1.全局属性draggable属性定义元素是否可以拖动,该属性有两个值:true和false ,默认false。hidden属性hidden取值true时,元素将会被隐藏,反之显示 。元素中的内容是通过浏览器创建的,页面装载后允许使用Javascript脚本将该属性取消,取消后该元素可见状态,同时元素中的内容也即是显示出来。spellcheck属性主要针对input元素和textar...原创 2020-03-08 17:32:37 · 1170 阅读 · 0 评论