webcourse/Web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

udate img

Browse Source
This commit is contained in:
qianguyihao
2018-10-02 22:10:26 +08:00
parent 26653bee3f
commit e48bcf4eac
53 changed files with 1664 additions and 2231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
02-CSS/01-CSS属性：字体属性和文本属性.md
View File

@@ -36,8 +36,7 @@ html中的单位只有一种，那就是像素px，所以单位是可以省略
百分比`%`这个相对单位要怎么用呢？这里也举个例子：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-17.png)
![](http://img.smyhvae.com/2015-10-03-css-17.png)
## 字体属性
@@ -205,7 +204,7 @@ CSS样式中，常见的文本属性有以下几种：
这里来一张表格的图片吧，一览无遗：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-18.png)
![](http://img.smyhvae.com/2015-10-03-css-18.png)
## 列表属性
@@ -221,15 +220,15 @@ ul li{
我们来看一下`list-style-image`属性的效果：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-23.png)
![](http://img.smyhvae.com/2015-10-03-css-23.png)
给列表前面的图片加个边距吧，不然显示不完整：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-24.png)
![](http://img.smyhvae.com/2015-10-03-css-24.png)
这里来一张表格的图片吧，一览无遗：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-26.png)
![](http://img.smyhvae.com/2015-10-03-css-26.png)
@@ -294,7 +293,7 @@ ul li{
效果：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-31.png)
![](http://img.smyhvae.com/2015-10-03-css-31.png)
@@ -364,12 +363,12 @@ p:hover{
效果如下：（IE有效果，google浏览器无效果）
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-36.png)
![](http://img.smyhvae.com/2015-10-03-css-36.png)
**延伸：**
滤镜本身是平面设计中的知识。如果你懂一点PS的话···打开PS看看吧：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-38.png)
![](http://img.smyhvae.com/2015-10-03-css-38.png)
爆料一下，表示博主有两年多的平面设计经验，我做设计的时间其实比写代码的时间要长，嘿嘿···
@@ -378,7 +377,7 @@ p:hover{
现在，我们利用float浮动属性来把无序列表做成一个简单的导航栏吧，效果如下：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-34.png)
![](http://img.smyhvae.com/2015-10-03-css-34.png)
代码：
@@ -432,7 +431,7 @@ p:hover{
实现效果如下：
![](http://7sby7r.com1.z0.glb.clouddn.com/2015-10-03-css-35.png)
![](http://img.smyhvae.com/2015-10-03-css-35.png)
国庆这四天，连续写了四天的博客，白天和黑夜，从未停歇，只交替没交换，为的就是这每日一发。以后会不断更新的。
@@ -442,4 +441,4 @@ p:hover{
扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
![](http://7sby7r.com1.z0.glb.clouddn.com/cnblogs/%E7%94%9F%E5%91%BD%E5%9B%A2%E9%98%9F%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg)
![](http://img.smyhvae.com/cnblogs/%E7%94%9F%E5%91%BD%E5%9B%A2%E9%98%9F%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg)