常用的CSS

2021-07-01 17:34:32 阅读：219 来源： 互联网

标签：常用 text align 元素 decoration 0px CSS 属性

*复合样式

常用样式汇总

字体类型：
font-size * 字体  /行高
font-family 字体
font -weight 字体的粗细

文本类型  
设置文本的修饰线外观（下划线、上划线、贯穿线/删除线）
复合样式  text-decoration-line ，text-decoration-color，
text-decoration-style
text-decoration ：* none
text-decoration: underline; --下划线  
text-align-last 最后一行对齐 
line-height行间距
work-spacing
work-break
text-align: center;
vertical-align:middle; 

{
white-space：nowrap 文字不换行
overflow :hidden; 隐藏部分 
text-overflow:ellipsis 省略号}
处理文字溢出

边框---背景
Border 
Boder:1px soild red 边框粗细，边框类型 颜色
Boder- bottom :none   ：浏览器不会渲染
Boder-radius              圆角

Background :url(),路径   NO- repeat 属性，size ,color attachment



盒子 
padding: 7px 0px 0px 100px; 控制元素所有四条边的内边距距离
margin: 7px 0px 0px 100px;      控制属性为给定元素设置所有四个方向的外边距属性
box-sizing:border-box; 怪异盒模型


display 属性 
table-cell           转换为单元格  
display:inline-block  转为行块属性 
vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。

内联元素  span a 发邮件 mailto，打电话 tel：，锚点 #ID，下载 资源地址，链接跳转
   块元素  div
   内联块元素  img

   内联块元素  默认元素底下会有几个像素的留白  代码换行会产生空格

浮动 float
让元素按照指定的方向发生位移，直到遇到浮动元素或者父级的边界才会停下来
Clear 清除浮动
After:清浮动  clear 只对块元素生效  必须要display:block content 可以为空
Position 定位relative  相对定位 提升层级  如果子级有两个相同的层级
后面的层级要高于前面的元素 后者覆盖前者
Z-index 现有定位

标签：常用,text,align,元素,decoration,0px,CSS,属性
来源： https://www.cnblogs.com/yijieyufu/p/14959859.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

常用的CSS