![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
精通CSS
文章平均质量分 81
Leo_fish
这个作者很懒,什么都没留下…
展开
-
精通CSS——chapter4(背景图像效果)
4.1背景图像基础如果使用像素设置背景元素,那么我们是按照这个图像的左上角距离边框的上边框与左边框那样计算,但是如果我们用百分比的话,百分数定位并不对背景图的座上角进行定位,而是使用图像上的一个对应点。因此距离会有一些差距,如果把百分比设置为50%,那么图像将会垂直居中。4.2圆角框其实这种用图片代替圆角的早就应该淘汰啦,我试过了一下图片上的源码,但是当我增加文字的时候,整个背景并没有变大,所以我也原创 2017-03-27 19:28:39 · 432 阅读 · 0 评论 -
精通CSS——chapter5(对链接应用样式)
5.1简单的链接样式这里主要讲的就是伪类,:link伪选择器用来寻找没有被访问过的链接,:visited伪类选择用来寻找被访问过的链接。a:link ,a:visited{ text-decoration: none;}a:hover,a:focus,a:active{ text-decoration: underline;}这个是一个链接,当我们操作的时候就会有相应的反应但是在原创 2017-03-27 19:30:21 · 391 阅读 · 0 评论 -
精通CSS——chapter6(对列表应用样式和创建导航条)
6.1基本样式用到list-style-type:none6.2基本的垂直导航条Simple Listbody { font-family: "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;原创 2017-03-30 20:18:12 · 292 阅读 · 0 评论 -
精通CSS——chapter7(对表单和数据表格应用样式)
7.1对数据表格应用样式很多人包括我自己都认为表格设计比较有缺陷,所以尽可能避免是用布局表格,想用纯css来创建日历,,但是日历本质上仍然是基于表格的内容。web上仍然有需要用到表格的地方。介绍几个表格特有的元素。1、summary和captioncaption用作表格的标题 < January 2008 >原创 2017-03-30 20:19:53 · 271 阅读 · 0 评论 -
精通CSS——chapter8(布局)
CSS的主要好处之一是,他能够控制页面布局而不需要使用表现性标记。所有CSS布局技术的根本都死3个基本概念:定位、浮动、外边距操纵。8.1计划布局概念性的东西,这一节是为了告诉我们创建网页的时候要学会事先做好规划。8.2 设置基本结构.wrapper{ width:920px; margin: 0 auto;}原创 2017-03-30 20:20:54 · 261 阅读 · 0 评论 -
精通CSS——chapter9(bug和修复bug)
9.1捕捉bug1、特殊性和分类次序的问题除了语法错误之外,比较常见的一个问题与特殊性和分类次序有关,在将一个规则应用于一个元素的时候,如果发现没有任何效果,这时往往存在特殊性问题.content p{ background-color: white;}.intro{ background-color: orange;}原创 2017-03-30 20:21:30 · 288 阅读 · 0 评论 -
精通CSS——chapter2(为样式找到应用目标)
层叠和特殊性 Chapter 2 #content div#main-content h2{ color:gray; } #content #main-content>h2{ color:blue; } body #原创 2017-03-27 09:01:10 · 210 阅读 · 0 评论 -
精通CSS——chapter3(可视化格式模型)
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-03-27 09:04:08 · 333 阅读 · 0 评论