博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTMl小知识
阅读量:7238 次
发布时间:2019-06-29

本文共 1384 字,大约阅读时间需要 4 分钟。

body{font-size:16px;font-family:微软雅黑;color:#666;}标准样式

html:块级元素div,dl dt dd(定义列表),hr(水平分隔线),p,ol,ul(非排序列表),
table(input,label),br(换行),b(加粗),i(斜体)img(图片标签),
span(常用内联容器,定义文本内区块)
select(option)选择元素,strong(粗体加强,利于seo优化),
sub(上标)C+O2=CO2
sup(下标)23+82=72
文本域 下划线 删除线
块级元素默认占据一行
background-attachment: fixed;
设置或检索背景图像是随对象内容滚动还是固定的(fixed 固定)
1.将行内元素(span/strong/a/img/br/input/)只能容纳文本或其他行内元素
元素升级为块级元素(此元素前后会带有换行符)
行内元素设置width无效,height无效
display:block;

css:流体布局(从上至下一次布局),普通布局,浮动流

overflow:hidden(将元素进行隐藏) /scroll(内容被修剪,但浏览器会显示滚动条以便查看)
auto(如果内容被修剪,则浏览器会显示滚动条以便查看);

css布局:两列布局margin(上 右 下 左 auto水平方向自适应居中显示)

三列布局:左右两列固定,中间根据浏览器自适应,三列固定宽带居中
定位布局 position

让图片具有透明:opacity 兼容所有浏览器的透明度,

opacity:0.9 取值范围(0-1);opacity=90取值范围(1-100)
opacity:0.9;filter:alpha(opacity=90); 两个值必须一一对应(0.9-90)

css3阴影效果 box-shadow:10px 5px 15px #888888;

2.使用display:block; /将行内元素升级a/strong/span 为块级元素/(none 此元素不显示,inline 默认,此元素会被显示为内联元素,元素前后没有换行符)

去掉ul标签的的格式 点( list-style:none;) 导航(ul,li)
3.标签:hover用于浮动填充颜色
4.cursor:pointer;手型(cursor光标)
5.img四要素src(路径) alt(图片描述) width height
6. border-radius:22px;/圆形边框/
7. text-decoration:none;/去掉下a标签下划线/
8.css浮动:float属性定义元素在那个方向浮动,在css中,任何元素都可以浮动

9.相对定位relative:对一个元素进行相对定位,它将出现在它所在的位置上,通过设置垂直(top)或水平(left)位子,让这个元素“相对于”它的起点进行移动

绝对位置absulute:元素的位子相对于最近已经定位祖先元素,如果没有已定位的祖先元素,它的位子相对于最初的包含块
10颜色#fff白色 #666灰色 #000黑色

11.readonly 标签

转载于:https://www.cnblogs.com/hangdada/p/4983013.html

你可能感兴趣的文章
浅谈Javascript事件模拟
查看>>
定宽320 缩放适配手机屏幕
查看>>
talend hive数据导入到mysql中
查看>>
Redis 缓存服务配置与使用
查看>>
easyui-tabs图标(获取焦点时显示图标,失去焦点时隐藏图标)
查看>>
Android L中间RecyclerView 、CardView 、Palette使用
查看>>
Crystal Reports "Access to report file denied. Another program may be using it."
查看>>
sun.misc.BASE64Encoder我找不到jar一揽子解决方案
查看>>
Github上传代码菜鸟超详细教程
查看>>
iOS中FMDB的使用
查看>>
Oracle学习(七):集合运算
查看>>
Eclipse开发Java程序入门,HelloWord
查看>>
udhcpc和udhcpd移植
查看>>
关于Entity Framework中的Attached报错相关解决方案的总结
查看>>
不同风格的网页登录界面设计学习
查看>>
Android custom View AirConditionerView hacking
查看>>
DateTime还是DateTimeOffset?Now还是UtcNow?
查看>>
js中arguments,caller,callee,apply的用法小结
查看>>
HDU2037 今年暑假不AC 【贪心】
查看>>
[Oracle] - 性能优化工具(1) - AWR
查看>>