博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
w3cschool -css
阅读量:5113 次
发布时间:2019-06-13

本文共 1523 字,大约阅读时间需要 5 分钟。

1、css--层叠样式表

2、样式优先级:内联样式优先于<head>标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省)。

3、background-color不能被继承,默认值为transparent(透明)。

4、文档过长,文档向下滚动时,超过图像位置背景就会消失。可以通过background-attachment防止滚动,声明图像相对于可视区是固定的。 background-attachment:fixd;

5、css文本设置:改变字(单词)之间的标准间隔。设置为正值间距增大,负值减小。word-spacing:10px;

         改变字母间隔使用letter-spacing.

6、text-transform属性处理文本的大小写。属性值:none(保留源文档大小写,不做改动),uppercase(转换为全大写),lowercase(转换为全小写),capitalize(单词首字母大写)。

7、white-space属性影响用户代理对源文档中的空格、换行和tab字符的处理。

white-space:normal;换行字符会转换为空格,一行中多个空格的序列也会转换为一个空格。

white-space:pre;空白符不被忽略。

white-space:nowrap;防止元素中的文本换行

8、font简写属性在一个声明中设置所有字体属性。设置顺序:font-style(字体样式:normal默认值,italic斜体,oblique倾斜,inherit继承父级)、font-variant(normal默认值,small-caps小型大写字母,inherit继承父级)、font-weight(bold粗体,bolder更粗,lighter更细,inherit继承父级)、font-size/line-height(字体大小,行高)、font-family(字体)

9、css表格处理:border-collapse:设置表格边框是否为单一的边框。separate默认值,边框会被分开,collapse边框被合并。border-spacing:设置相邻单元格的边框间的距离。

10、外间距合并是指当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并,如果这个外边距遇到另一个元素的外边距,它还会发生合并。

11、定位position属性:relative相对定位,元素框偏移某个距离。元素仍保持其未定位前的形状,原本所占空间仍保留。

absolute绝对定位,元素框从文档流完全删除,相对于包含块定位。

static默认值,没有定位,元素框正常生成,置于其父元素中。

fixed生成绝对定位的元素,相对于浏览器窗口进行定位,包含块是视窗本身。

12、overflow规定当内容溢出元素框时发生的事情。visible默认值,内容不会被修剪,呈现在元素框外。hidden:内容被修剪其余内容不可见。scroll内容会被修剪,浏览器会显示滚动条以便查看其余内容。auto如果内容被修剪,会出现滚动条。inherit继承父级overflow属性。

转载于:https://www.cnblogs.com/slp-qm/p/4921483.html

你可能感兴趣的文章
基于node/mongo的App Docker化测试环境搭建
查看>>
秒杀9种排序算法(JavaScript版)
查看>>
struts.convention.classes.reload配置为true,tomcat启动报错
查看>>
MySQL的并行复制多线程复制MTS(Multi-Threaded Slaves)
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>
Java 多态 虚方法
查看>>
Unity之fragment shader中如何获得视口空间中的坐标
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>