2021-02-27

2.5元素显示模式转换特殊情况下,我们需要元素模式的转换,简单理解:一个模式的元素需要另外一种模式的特性比如想要增加链接<a>的触发范围。*转换为块元素:display:block;*转换为行内元素:display:inline;*转换为行内块:display:inline-block;通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。3.2背景图片background-image属性描述了元素的背景图像。实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置(精灵图也是一种运用场景)background-image:  none | url ( url )参数值作用none无背景图(默认的)url使用绝对或相对地址指定背景图像3.3背景平铺如果需要在HTML页面上对背景图像进行平铺,可以使用background-repeat属性。background-repeat: repeat I no-repeat I repeat-x I repeat-y参数值作用repeat背景图像在纵向和横向上平铺(默认的) no-repeat背景图像不平铺repeat-x背景图像在横向上平铺repeat-y背景图像在纵向平铺

3.4背景图片位置利用background-position属性可以改变图片在背景中的位置。backgrond-position:  x  y;参数代表的意思是:x坐标和y坐标。可以使用方位名词或者精确单位参数值说明length百分数|由浮点数字和单位标识符组成的长度值positiontop|center|bottom|left|center|right 方位名词

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # css: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种选择...
    欣简书阅读 160评论 0 0
  • 序号类名备注1text-decoration: noner去除a标签底下的线2行高=高单行文字垂直居中3backg...
    执着_7fb1阅读 321评论 0 0
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握...
    璐璐熙可阅读 753评论 0 0
  • 字体样式属性 CSS中,有很多非布局样式(与布局无关),包括:字体、行高、颜色、大小、背景、边框、滚动、换行、装饰...
    释梦石阅读 403评论 0 0
  • 一、emmet 语法 emmet 语法快速生成 css 样式 1.如何设置宽高? w100→width: 100p...
    风来_阅读 569评论 0 0