1、  常用属性:①color:文本颜色;②background-color:背景颜色;③font-size:文字大小;

2、  样式声明:①内部样式:style=“样式规则;”,写于作用标签内,优先级最高;②内联样式:<style>样式规则</style>,写于head标签内,优先级其次;③外联样式:<link rel=“stylesheet”href=“css文件url的”>,写于head标签内,优先级最低;

3、  错误提示:①Unknown property name:未知的属性名称,样式属性名写错;②Invalid property value:属性值无效,值写错;

4、  调整优先级:!important:添加在样式属性值之后,空格隔开;

5、  选择器:①通用选择器:*{……}:适配每一个元素影响性能;②元素选择器:元素名(Element name){……};③类选择器:a、设置:class=“类名1 类名2……”(不能数字开头,不能含特殊字符);b、使用:.类名{……};④id选择器:a、设置id=“id名”;b、使用:#id名{……};⑤群组选择器:选择器1,选择器2……{……}:公共样式;⑥后代选择器:选择器1 选择器2 ……{……}:定义的是写在最后的子选择器的样式;⑦子代选择器:选择器1>选择器2{……}:一级父子关系;⑧伪类选择器:a、:link:未访问过的链接状态;b、:visited:访问过的链接状态;c、:hover:鼠标悬停元素的状态;d、:active:元素被激活的状态;e、focus:获取焦点的状态;

6、  选择器优先级:内联样式(1000)>id选择器(100)>伪类选择器(10)=类选择器(10)>元素选择器(1);

7、  尺寸单位:①%:百分比,相对单位;②in:英寸=2.54厘米;③cm/mm:厘米/毫米;④pt:磅=1/72英寸;⑤px:像素;⑥em:当前大小的倍数;

8、  颜色取值:①英文名;②rgb(0-255,0-255,0-255);③rgb(r%,g%,b%);④#000000(黑色)--#ffffff(白色);

9、  尺寸属性:①min-width/height:最小宽/高;②max-width/height:最大宽/高;* 块级元素以及img、table元素可以改变宽高;

10、溢出处理:overflow:①visibile:默认,显示;②hidden:隐藏;③scroll:内部显示滚动条(溢出时可用);④auto:溢出有滚动条,没溢出则没有;

11、边框属性:①宽度;②样式:a、solid:实线;b、dotted:点虚线;c、dashed:短横虚线;③颜色;

12、方向变换:①方向:top,right,bottom,left;②圆角:border-radius:;

13、 边框阴影:box-shadow:取值:①h-shadow:水平偏移,值正右偏;②v-shadow:垂直偏移,值正下偏;③blur:可选,模糊距离;④spread :可选, 阴影尺寸;⑤color:可选,颜色;⑥inset:可选,将默认外阴影改为内阴影;

14、轮廓样式:同边框样式,均可设置none;

15、边框颜色特殊值:transparent:透明色;

最新文章

  1. Linux环境搭建-在虚拟机中安装Centos7.0
  2. NPOI操作EXCEL(五)——含合并单元格复杂表头的EXCEL解析
  3. 简单的Viewing Frustum Culling
  4. uC/OS-II标志(flag)块
  5. 介绍ping中的TTL是什么意思
  6. String equals()方法使用以及子串加密
  7. paypal之nodejs 框架 Kraken-js 源码分析
  8. 第十一章 TClientDataSet
  9. JavaScript的事件对象_事件流
  10. Cortex-M3学习日志(四) -- UART0实验
  11. 从头开始学JavaScript (四)——操作符
  12. ESFramework ——可堪重任的网络通信框架
  13. Storm笔记——技术点汇总
  14. 201521123036 《Java程序设计》第12周学习总结
  15. js 判断元素(例如div)里的数据显示不全(数据长度大于元素长度)
  16. 23 , CSS 构造列表与导航
  17. DCOMP——分散式计算
  18. 20175224 2018-2019-2 《Java程序设计》第五周学习总结
  19. EF学习笔记(十二):EF高级应用场景
  20. SpringSecurity3Demo【原】

热门文章

  1. OpenGL ES2.0入门详解
  2. Spring Boot 系列教程13-注解定时任务
  3. HDU2586 How far away ? 邻接表+DFS
  4. 初识Selenium(三)
  5. shell 分词
  6. JS定时器的使用--数码时钟
  7. 【转载】GDI 映像方式 之 SetViewportOrgEx 与 SetWindowOrgEx 解析
  8. 转:Ant使用指南
  9. zf-关于荆州图片链接和弹出页面问题
  10. 利用hibernate实现oracle(每张表的ID)自动增长