常用 css html 样式

CSS基础必学列表
CSS width宽度
CSS height高度
CSS border边框
CSS background背景
CSS sprites背景拼合
CSS float浮动
CSS margin外边距
CSS padding内边距
CSS color字体颜色
CSS font-size字体大小
CSS font-family字体
CSS font-weight字体加粗
CSS display显示与隐藏
CSS overflow隐藏与滚动条
CSS position定位
CSS text-align内容水平位置
CSS text-indent缩进
CSS text-decoration下划线
CSS clear清除浮动
CSS cursor鼠标手势光标
CSS font文本
CSS font-style文本斜体
CSS font-variant缩小大写字母
CSS id CSS class
left right top bottom
css letter-spacing字间距
CSS line-height行高
css min-width最小宽度
css max-width最大宽度
CSS min-height最小高度
css max-height最大高度
CSS text-transform英文大小写
css text-overflow省略号
CSS white-space不换行
css z-index重叠顺序
letter-spacing; 来设置字与字间距_字符间距离，字体间距css样式
margin:0 auto;div居中
text-align:center；文字居中
border-radius:5px;圆角边框position: absolute;绝对定位position: relative;相对定位
box-shadow: 0px 0px 0px 10px #ccc;边框阴影
opacity: 1; cssdiv透明度
cursor: pointer;所有div移上去显示手型文字效果（a链接样式去除）
text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式
text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式cursor其他取值  auto                    ：标准光标
default                 ：标准箭头
pointer, hand                   ：手形光标
wait                     ：等待光标
text                      ：I形光标
vertical-text          ：水平I形光标
no-drop                ：不可拖动光标
not-allowed           ：无效光标
help                     ：帮助光标
all-scroll         ：三角方向标
move                     ：移动标
crosshair           ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
line-height 行高选择器.oang4:hover{background-color: red;}鼠标经过样式变红色{
p:before
{
content:"台词：";
}在每个<p>元素的内容之前插入新内容：
p:after
{
content:"台词：";
}在每个<p>元素的内容之后插入新内容width: 50px;  /*必须设置宽度*/overflow: hidden;  /*溢出隐藏*/text-overflow: ellipsis; /*以省略号...显示*/white-space: nowrap;  /*强制不换行*/
}文字超出隐藏用<p></p>标签写文本时，控制行与行之间的高度最好用line-height，不要用margin或padding；margin-left 对象左边外延边距 （margin-left:5px; 左边外延距离5px）
margin-right 对象右边外延边距 （margin-right:5px; 右边外延距离5px）
margin-top 对象上边外延边距 （margin-top:5px; 上边外延距离5px）
margin-bottom 对象下边外延边距 （margin-bottom:5px; 下边外延距离5px）display:none;不显示该元素，也不会保留该元素原先占有的文档流位置。
display:block;转换为块级元素。
display:inline;转换为行内元素。
display:inline-block;转换为行内块级元素HTML基础必学列表
html标签大全<html>标签
html div标签
html span标签
html a超链接标签
html br换行标签
html p段落标签
html br与p区别
H1 H2 H3 H4标题标签
html px em pt长度单位
html b加粗标签
html strong加粗标签
html b与strong区别用法
html em强调标签
html i斜体标签
html u下划线标签
html s贯穿线标签
html img图片标签
html sub下标 sup上标
html nobr强制不换行
html hr水平线标签
html form表单标签
html label标签
html input标签
Html textarea文本框标签
Html select下拉表单
html checkbox多选框
html radio单选框
html font颜色
HTML iframe框架标签
html table tr td th表格
html dl dt dd标签
html font标签
html ol li列表
html ul li列表
html注释
html base标签
html title标签
html link标签
html script标签
html meta标签
html head标签
html style标签
margin:0 auto;边框居中<audio></audio>h5标签 播放音频
hidden="true"
loop=false
controls="controls"语义标签：<article>定义文章</article>
<aside>定义文章侧边栏</aside><figure>定义一组媒体对象以及文字内容</figure>
<figcaption>定义figure的标题</figcaption>布局页面时用的语义标签：<nav>定义导航</nav>
<header>头部</header>
<section>定义文档中的区段 区域</section>
<footer>尾部</footer>input其他的类型：
1. text 文本输入框
2. password 密码
3. button 按钮
4. checkbox 复选
5. radio 单选
6. submit 提交
7. reset 重置
8. file 文件
9. email 输入邮箱地址 检测@
10. url URL地址
11. number 只能输入数字 还有e
12. range 范围 默认0~100
required 必须填写
placeholder 占位符
hidden 隐藏域功能标签：<videosrc=""autoplay自动播放 controls控制播放 loop是否重复播放 preload是否自动加载>定义视频</video>
<audiosrc="">定义音频</audio>
<mark>标记</mark>
<iframesrc=""frameborder="0">内嵌网页框架</iframe>
<canvas>定义图形提供画布</canvas>2.流式布局
即百分比布局。（宽度， 高度，边距，rem，定位值）
尺寸百分比 = 目标元素的宽度（高度）/ 父级的宽高
定位值百分比 = 目标元素的定位值 / 父级的宽高
margin和padding / 父级的宽度em rem
em: 针对父级来设置自身
rem: 针对html3.媒体查询
可以根据不同屏幕尺寸，动态的修改网页布局以及样式，是响应式网站不可缺少的一部分
only 可以省略 多个条件用and相连
@media only screen and (min-width:500px) and (max-width:700px){......}
link:<linkrel="stylesheet"href=""media="screen and (min-width:500px) and (max-width:700px)">响应式网站：由两种办法完成响应式网站, 流式布局和媒体查询，通常情况下相辅相成共同完成响应式网站。4.前缀
腾讯：国内唯一有自己内核的公司，X5。（X5的浏览器内核是基于早起的webkit内核开发出来的，而后自己优化。QQ浏览器 微信）
-webkit-: 谷歌前缀，谷歌内核（猎豹 360 safari）
-o-: 欧朋 （已经摒弃自己的内核，转战谷歌的阵营）
-ms-: 微软 ie 斯巴达
-moz-: 火狐 ff//this.setAttribute('src', url);

转载于:https://www.cnblogs.com/xiao-zhi/p/9970821.html

常用 css html 样式相关推荐

HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签标签描述标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...
CSS: CSS常用的文本样式属性
介绍:CSS常用的文本样式属性 color: 颜色 font-size: 字体大小 font-style (normal.italic.oblique): 字体样式(正常.斜体) font-wei ...
CSS——CSS常用的字体样式
CSS--字体样式常用: font-family:字体 font-size:大小 font-weight:粗细 color:颜色字体样式测试 <!DOCTYPE html> <h ...
11种常用css样式学习大结局滚动条与显示隐藏
滚动条展示 overflow-x: hidden;/*是否对内容的左/右边缘进行裁剪*/overflow-y: hidden;/*是否对内容的上/下边缘进行裁剪*/overflow:scroll;/* ...
web前端入门到实战：11种常用css样式之滚动条与显示隐藏
滚动条展示 overflow-x: hidden;/是否对内容的左/右边缘进行裁剪/overflow-y: hidden;/是否对内容的上/下边缘进行裁剪/overflow:scroll;/左右滚动/ ...
常用css样式属性大全（中文注释）
一 CSS文字属性:color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ ...
uni-app封装自己常用的css样式-----自定义css的样式 (便于开发)-----原理简单
我们在开发uni-app的时候,有的时候我们的css代码是常常需要用到的,比如说,比如说居中的问题 .center {position: absolute;top: 50%;left: 50%;tra ...
html5--6-59 其他常用CSS属性
html5--6-59 其他常用CSS属性实例学习要点了解opacity属性:透明度设定了解cursor属性:自定义鼠标样式了解CSS新单位rem和em的区别了解轮廓outline的设置 ...
css宋体代码_前端开发必备的CSS命名规范与常用CSS代码集合
编辑 | web前端开发来源 | web前端开发我们在用html+css进行网页的排版布局时,经常会遇到CSS命名,如果是在团队多人协作开发时,团队里都会有自己的命名规范与要求. 但如果是自己在个 ...

常用 css html 样式

常用 css html 样式相关推荐

最新文章

热门文章