css第五节(4)

作者: 下页luck | 来源:发表于2017-03-06 00:28 被阅读11次

1、滑动门技术

随着内容的变化,背景图片的大小随之变化

(1)切图 左图+中图平铺+右图

(2)切图 左图+右图

2、消除行内块inline-block中的空隙

(1)font-size:0;法

(2)使用html注释消除空格<! - -

-->

(3)可以使用float

(4)使用margin赋值法,不建议使用

(5)字符间距和单词间距变成负数 :letter-space和word-space调整

div{letter-space:-5px}

3、css圆角的处理

div 四个角做内切圆

宽高都是100px,圆角半径为50px 去掉边框后就是一个圆

4、表格边框的补充

border-collapse:collapse;表格边框和td边框合并

5、css选择器解析顺序和规范

css解析顺序:从最右选择器进行筛选,然后依次向左进行过滤

#aside div.tit{ color:red;}

选择器层级嵌套一般不要超过3层

(1)id选择器

(2)类选择器

(3)标签选择器

相关文章

  • 5.CSS学习笔记第五节/列表

    CSS学习笔记第五节/列表 1.列表

  • css第五节(4)

    1、滑动门技术 随着内容的变化,背景图片的大小随之变化 (1)切图 左图+中图平铺+右图 (2)切图 左图+右图 ...

  • 关于css3中linear-gradient中的百分比

    相关阅读点 《Css secret》第二章《背景与边框》 第五节《条纹背景》 正文 在第二章《背景与边框》中第五节...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

  • day03

    A今天我学到了什么 1css背景: 2css文本 css字体 4css链接4个链接如下 5css列表样式(仅限ul...

  • CSS第五节

    定位概述 默认的文档流的布局的方式决定了元素的位置就是静态的定位方式。默认值:Static。 可以通过positi...

  • css第五节

    position定位 absolute:绝对定位 static:自动定位 relative:相对定位 fixed:...

  • Day03 CSS样式

    1. CSS文本 2.CSS字体 3. CSS链接 4. CSS列表 5. CSS边框 6. CSS表格 CSS如...

  • css项目样式

    css html 模块4个角:应对网页在4K电视上失真的问题image.png html css html: css:

  • 共读《罗恩老师的奇迹教育》第5节

    #接龙 共读《罗恩老师的奇迹教育》第五节。 第五节:用心聆听孩子的心声 打卡时间:10月4号——10月5...

网友评论

    本文标题:css第五节(4)

    本文链接:https://www.haomeiwen.com/subject/ilfygttx.html