css学习笔记

原创 2018年04月16日 23:43:49
css学习笔记
align-conten:垂直  -webkit-(safari7.0及最新版本通过-webkit-align-contrnt支持该属性)
属性值:
center(子元素位于容器中心)
stretch:默认值,子元素被拉伸以适应容器
Flex-start:子元素位于容器开头
Flex-end:子元素位于容器尾部
space-between:子元素位于各行之间留有空白的
Space-around:子元素各行之前-之间-之后都留有空白

二:align-items
该属性定义flex子元素在flex容器中测轴比如(水平那么测轴就是垂直)对齐方式

属性值同上面一样



三:align-self
   可以单独写子元素的车轴方向的对齐方式
   意思就是如果设置了align-itmes属性其中一个元素想重写单独设置那么可以在该元素中写这个属性.
  属性值同上

四:backface-visibility

属性定义当前元素是否可见
visible:可见,hidden:不可见


五:background

六:边框border
Border:边框样式, solid:red颜色
可以设置属性:边框宽度,border-width,border-style:样式,border-color:颜色






justify-content:水平(同)



(10) margin(边界)
margin-top:10px; (上边界)
margin-right:10px; (右边界)
margin-bottom:10px; (下边界值)
margin-left:10px; (左边界值)
margin-inside:;
margin-outside:;
(11) padding(填充)
padding-top:10px; /*上边框留空白*/
padding-right:10px; /*右边框留空白*/
padding-bottom:10px; /*下边框留空白*/
padding-left:10px; /*左边框留空白

position属性
制定一个元素决定或相对的定位方法
常用属性:relative 可以使用left:20
             Absolute:绝对定位


display:元素自间是否为内联元素
小程序flex:容器布局

字体设置
设置字体显示2行溢出省略
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
设置字体大小
 font-size: xx-small;
设置字体颜色
Background-color;
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30211165/article/details/79968618

明盒开发

明盒开发未经允许,严禁转载本栏目内容本文经许可转载自软件工程专家网www.21cmm.com,未经CSDN许可,请勿随便转载,谢谢合作(一) 明盒结构  明盒定义了实现转换状态盒功能的过程。明盒和相应...
  • gigix
  • gigix
  • 2002-03-14 10:15:00
  • 1685

CSS学习笔记CSS学习笔记

  • 2010年04月03日 15:18
  • 14KB
  • 下载

css网页布局学习笔记

  • 2010年01月15日 21:05
  • 11.02MB
  • 下载

前端html与css学习笔记总结篇(超详细)

第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师web网站架构师自己创业转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才...
  • qq_36368586
  • qq_36368586
  • 2016-11-20 16:53:31
  • 4960

超全的css新手学习笔记

适合新手的css学习笔记,超级全面
  • qq_34477549
  • qq_34477549
  • 2016-10-11 10:27:52
  • 2209

【慕课网】HTML&CSS基础课程学习笔记

HTML部分: 一、HTML介绍 1-1.介绍html大体 1-2.介绍html是结构层、css是表现层、javascript行为层 1-3.介绍html标签 1-4...
  • Cyan1614
  • Cyan1614
  • 2017-06-06 18:14:53
  • 316

个人css学习笔记 精华版

  • 2009年05月27日 19:38
  • 34KB
  • 下载

HTML, CSS学习笔记(完整版)

第一章 div布局 前几课内容 .htm是早期的后缀,因为那时只能支持长度为3的后缀,因此html与htm是一样的。 shtml是服务器先处理然后再交给浏览器处理   #HTML小知识#之#...
  • u011925500
  • u011925500
  • 2014-10-02 00:28:22
  • 4792

一、HTML+CSS基础知识学习笔记

注:如果早点了解那率性的你或者晚一点遇见成熟的我。学计算机的应该早点确定自己的技术方向,一定要有一个擅长的能够用来吃饭的,其他的能掌握多少就是多少,像我这样的什么都学,什么都不知道没什么卵用的。 1....
  • u013047859
  • u013047859
  • 2016-05-23 22:56:11
  • 1068

h5,css学习笔记

1.h5不分大小写。 2.常见的块级元素:div,p,h1-h6,ol,ul,li,dl,dt,menu,section,form,table, address。 3.常见的行内元素:span,s...
  • Yotkan
  • Yotkan
  • 2017-05-14 15:58:04
  • 297
收藏助手
不良信息举报
您举报文章:css学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)