html
文章平均质量分 88
html
code_dream_wq
这个作者很懒,什么都没留下…
展开
-
css-9.仿京东注册页面
导航 欢迎注册 tab部分 企业用户注册 *用户名: 4-20位数字和字母组成 *密码: 4-20位数字和字母组成 *密码: 4-20原创 2017-09-08 10:13:02 · 4322 阅读 · 1 评论 -
css-5.背景和渐变
背景·背景色background-colortransparent 设置透明·背景图片background-imageeg:background-image: url(img/head2.png);background-size: 100px 200px; /*背景图大小,少用,失真*/background-repeat: repeat;/*repeat n原创 2017-08-21 16:28:19 · 273 阅读 · 0 评论 -
css-7.表格
-通用样式:width,height,border,background-文本格式化 vertical-align ,text-align-表格样式:border-collapse:collapse、separate border-spacing:value 必须建立border-collapse为separate的提前下 caption-side:定义表格标题的位置 t原创 2017-08-31 10:57:21 · 287 阅读 · 0 评论 -
4.flex 项目属性 :order,flex-grow, flex-shrink, flex-basis, flex,align-self
order flex-grow flex-shrink flex-basis flex align-self4.1 order属性order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。.item { order: <integer>;}4.2 flex-grow属性flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。.item { flex-grow: <number&g...原创 2020-11-25 15:23:33 · 223 阅读 · 0 评论 -
Html-4.其他标签
1.浮动框架iframe2.摘要细节,信心的展开和收缩 details3.度量元素,meter。 时间元素,time。高亮元素,mark 浮动框架iframe 案例一 案例二 这是浮动框架,如果显示这行字,表示您的浏览器不支持iframe 摘要与细节(摘要与细节--将部分信息展开或收缩,只支持chrome) 发票信息原创 2017-08-14 16:19:25 · 202 阅读 · 0 评论 -
CSS3 弹性盒子(Flex Box)
一、justify-content属性定义了项目在主轴上的对齐方式。.box { justify-content: flex-start | flex-end | center | space-between | space-around;}它可能取5个值,具体对齐方式与轴的方向有关。下面假设主轴为从左到右。flex-start(默认值):左对齐 flex-end:右对齐 center: 居中 space-between:两端对齐,项目之间的间隔都相等。 spac.原创 2020-11-25 14:35:46 · 798 阅读 · 0 评论 -
1.flex学习
margin: auto; 只能横向居中,在父容器加入display: flex; 可实现居中<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib.原创 2020-11-25 11:46:29 · 113 阅读 · 0 评论 -
Html-1.简单结束和标签
由标记组成,1.单标记 双标记 双标记2.属性 align = "center"属性名 = “属性值” 这是一个标题3.文本标记 换行 不换行,屏幕宽度会换行,用这个就不会标题:h1 (1-6)段落:pxhtml不推荐加强字体:b,u,i,s推荐:strong em sup (up)原创 2017-08-10 16:09:38 · 405 阅读 · 0 评论 -
Html-2.图片和连接
(1)url ·url路径: 1.绝对路径 http://www.3c.org/TR/Css/syndata.html http:协议名(用://分隔) www.3c.org:主机名 /TR/Css/:目录路径 syndata.html:要连接的文件名 2.相对路径:指文件的位置相原创 2017-08-10 16:13:12 · 321 阅读 · 0 评论 -
Html-3.<li> 标签
HTML 标签实例 Coffee Tea Milk Coffee Tea Milk定义和用法 标签定义列表项目。 标签可用在有序列表 () 和无序列表 () 中。可选的属性属性值描述 标签的 type 属性" style="margi原创 2017-08-11 09:45:14 · 310 阅读 · 0 评论 -
Html-4.结构标记和表单<form/>
1.结构标记head 头部nav 导航section 内容article 内容footer 底部aside 定义一些额外组成部分--如:广告栏、侧边栏和相关引用信息2.表单提交信息到服务器两个基本部分实现数据交换的可见界面元素比如文本框或按钮,提交后的表单出来界面元素用元素原创 2017-08-14 15:00:13 · 388 阅读 · 0 评论 -
css-1.样式和特征-优先级
一、用css定义页面样式:1.更加多样性2.属性更统一二、定义css样式的方法内联样式:css内联方式内部样式:将css样式定义在网页的head里,用p{color: green;} 外部样式:将样式定义在一个外部的css文件中(.css文件) ,由html页面引用样式文件 三、css样式表特征1、继承性-样式规则原创 2017-08-16 09:54:53 · 325 阅读 · 0 评论 -
css-4.边框和盒子模型
边框border: 1px solid black;border-right: 1px solid red;border-top: 1px dashed green;border-top: 1px dashed green;/*隐藏边框*/ border-bottom: 0px;border-right: none; /*效率最高,就是没有*/原创 2017-08-17 16:52:54 · 307 阅读 · 0 评论 -
css-3.尺寸和颜色
1、尺寸单位%:百分比in:英寸cm:厘米mm:毫米pt:磅(1pt等于1/72英寸)px:像素em:lem等于当前的字体尺寸,2em等于当前字体尺寸的两倍2、颜色单位屏幕上显示的内容颜色模式都是RGBR:red G:green B:blue·rgb(x,x,x),eg:rgb(255,0,0)·rgb(x%,x%,x%) ,eg:rgb(原创 2017-08-17 16:48:59 · 334 阅读 · 0 评论 -
2.flex 容器属性 flex-direction ,flex-wrap ,flex-flow
flex-direction:row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 flex-direction属性:决定主轴的方向(即项目的排列方向).box { flex-direction: row | row-reverse | column | column-reverse;}例子<!DOCTYP.原创 2020-11-25 11:53:44 · 2705 阅读 · 0 评论 -
css-6.文本格式化
1.指定字体font-family:value1,value2;2.字体大小font-size:value;3.字体加粗font-weight:normal、bold、value4.字体样式font-style:normal、italic5.小型大写字母fonnt-variant:normal、small-capseg:font-fami原创 2017-08-30 17:15:26 · 240 阅读 · 0 评论 -
css-2.选择器
一、选择器优先级关系:元素选择器1、通用选择器,用一个星号(*)特点:写在*里的样式会给页面中所有的元素都用一遍缺点:慎用,降低css样式的效率2、元素选择器html文档的元素就是选择器eg: 、 等3、类选择器.blue {color: blue;}限定元素p调用blue的字体大小p.blue {font-size: 20px;原创 2017-08-16 10:01:58 · 199 阅读 · 0 评论 -
css-8.ul 列表
body { font: 12px arial, verdana; } ul.tabs { margin: 0; padding: 0; list-style: none; /*去掉列表的项目符号*/ } .tabs li { float: left; /*让li在同一行*/ font: 14p原创 2017-09-06 09:43:02 · 278 阅读 · 0 评论