初学css个人笔记
1.css类选择器中的类名的第一个字符不能是数字,无法再Mozilla或Firefox中起作用。
2.css中id选择器中的属性只能在每个html文档中出现一次。
3.css样式表中不需要在属性值与单位之间留有空格,在Netscape和Mozilla/Firefox中不起作用。
4.css背景属性(背景属性不能继承):
(1)background 简写属性,可以将一下所有属性设置放在一个声明中。
(2)background-image:url() 设置图像背景
(3)background-color 设置元素的背景颜色
(4)background-attachment:fixed,scroll
背景图像是否固定,默认scroll随文档滚动
(5)background-repeat:repeat-x,repeat-y,no-repeat 背景图像是否重复
(6)background-position:关键字(top...),百分数值,长度(1px). 背景图片的位置
5.css文本属性:
(1)color 文本颜色
(2)direction 文本方向
(3)line-height 行高
(4)letter-spacing 字符间距
(5)text-align 对齐元素中的文本
(6)text-decoration 文本修饰
(7)text-indent 首行缩进
(8)text-shadow 文本阴影
(9)text-transform 元素中字母大小写转换
(10)white-space 元素中空白的处理
(11)word-spacing 字间距
6.css字体:
(1)font 简写属性
(2)font-family 字体系列
(3)font-size 字体大小
(4)font-style 字体风格
(5)font-variant 以小型大写字体或者正常字体显示文本
(6)font-weight 字体粗细
7.css列表:
(1)list-style 简写属性
(2)list-style-image 将图像设置为列表项标志
(3)list-style-position 列表中列表项标志的位置
(4)list-style-type 列表项标志的类型
8.css轮廓:
(1)outline 简写属性
(2)outline-color 轮廓的颜色
(3)outline-style 轮廓的样式
(4)outline-width 轮廓的宽度
9.css内边距:
(1)padding 简写属性
(2)padding-bottom 元素的下边距
(3)padding-left 元素的左边距
(4)padding-right 元素的右边距
(5)padding-top 元素的上边距
10.css边框属性:
(1)border 简写属性
(2)border-style 元素所有边框的样式,或者单独地为各边设置边框样式
(3)border-width 元素所有边框的宽度,或者单独地为各边设置边框宽度
(3)border-color 元素所有边框可见部分的颜色,或者单独地为各边设置边框颜色
(3)border-(top,right,bottom,left)[-(color,style,width)]
11.css外边距:
(1)margin 简写属性
(2)margin-top 上外边距
(3)margin-right 右外边距
(4)margin-bottom 下外边距
(5)margin-left 左外边距
11.css定位属性:
(1)position:元素放置到一个静态的,相对的,绝对的,或固定的位置中
(2)top(right,bottom,left)元素上外边距边界与其包含快上边界之间的便宜
(3)overflow 元素的内容溢出其区域时发生的事情
(4)clip 元素的形状,元素被剪入这个形状之中,然后显示出来
(5)vertical-align 元素垂直对齐方式
(6)z-index 元素的堆叠顺序
12.css尺寸属性:
(1)height 元素的高度
(2)line-height 行高
(3)width 元素宽度
(4)max(min)-height(width) 元素的最大高度
13.css的分类属性
(1)clear 设置一个元素的侧面是否允许其他浮动元素
(2)cursor 规定当指向某元素时显示的指针类型
(3)display 是否及如何显示元素
(4)float 元素浮动方向
(5)position 元素放置到一个静态的,相对的,绝对的或固定的位置中
(6)visibility 元素是否可见
14.css伪类:
(1):link 将特殊的样式添加到未被访问过的连接
(2):visited 将特殊的样式添加到被访问过的连接
(3):hover 当鼠标悬浮在元素上方时,向元素添加样式
(4):active 将样式添加到被激活的元素
(5):focus 将样式添加到被选中的元素
(6):first-child 将特殊的样式添加到元素的第一个子元素
(7):lang 允许作者自定义指定的元素中使用的语言
15.css伪元素:
(1):first-letter 将特殊样式添加到文档的首字母
(2):first-line 将特殊样式添加到文本的首行
(3):before 在某元素之前插入某些内容
(4):after 在某元素之后插入某些内容
最新文章
- xplan.sql(本脚本获取执行计划显示执行顺序)
- winform中button点击后再点击其他控件致使button失去焦点,此时button出现黑色边线,去掉黑色边线的方法
- C++基础(纯虚函数与抽象类)
- c# 与java之间的简单区别
- swift入门篇-函数
- 【软件分析与挖掘】Multiple kernel ensemble learning for software defect prediction
- linux 错误总结
- C# 引用SHDocVw 实现模拟网页操作
- 图片组件——axure线框图部件库介绍
- 服务器运行环境部署(PHP)
- kubernetes 单节点和多节点环境搭建
- ETCD相关介绍--整体概念及原理方面
- word模板导出的几种方式:第三种:标签替换(DocX组件读取与写入Word)
- icmpsh解决运行报错
- zxing二维码
- js運算符
- tf.nn.dropout
- MySQL常用语句大全
- Filter的常见应用
- Bootstrap组件之下拉菜单
热门文章
- centos6.5 安装mysql
- xxx.service is not a native service, redirecting to /sbin/chkconfig.
- hdu 5084(矩阵操作)
- ASP.NET Code First Update-Database
- LINUX学习资源
- Codeforces Round #262 (Div. 2) A. Vasya and Socks【暴力/模拟/袜子在可以在合法情况下增加后用几天】
- Python的网络编程[0] ->; socket[2] ->; 利用 socket 建立 TCP/UDP 通信
- Signing Identities, Missing Private Key, Cannot sign App
- 为docker创建ubuntu带SSH的基础镜像
- hdu1021(C++)