![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
不是艳阳
这个作者很懒,什么都没留下…
展开
-
CSS学习、Day03
One day for one day。字体相关设置文本字体<html><head><style type="text/css">p.serif{ font-family:"MicrosoftJhengHei",华文细黑,MingLiu}</style></head><body><h1>CSS font-family</h1><p class="serif">这是一段话。这是一段话。原创 2016-12-12 19:02:27 · 180 阅读 · 0 评论 -
CSS学习、Day01
由于没有css实际统筹的概念,决定从从头开始学习,会跳过部分基础已知知识点,提升学习效率。前期会根据w3School的例子来学习,争取快速掌握基础知识点。css背景相关css设置背景颜色style type="text/css">body {background-color: yellow}p.no2 {background-color: gray; padding: 20p原创 2016-12-06 09:16:55 · 223 阅读 · 0 评论 -
css效果积累01
用css实现一个左上角角标效果<div class="wrap"><div class="img"></div><div class="notice">1</div></div><div class="wrap"><div class="img"></div><div class="notice">12</div></div><div class="wrap"><div class="原创 2016-12-06 18:35:44 · 168 阅读 · 0 评论 -
css效果积累02
通过background-position来设置图片显示的具体位置首先放代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css">.car { width: 120px; height: 30px; backgr原创 2016-12-07 15:18:42 · 221 阅读 · 0 评论 -
CSS学习、Day02
这是一场艰苦而又漫长的战斗。css文本相关css设置文字颜色<html><head><style type="text/css"> body {color:red} h1 {color:#00ff00} .ex {color:rgb(0,0,255)}</style></head><body> <h1>这里是h1</h1> <p>这里是普通文本,继承了原创 2016-12-07 17:23:46 · 343 阅读 · 0 评论 -
CSS学习、Day04
又又又又好久没写了… 今天要学习的是如何给文本设置各种各样的边框。设置边框<html><head><style type="text/css">p {border: medium double rgb(250,0,255)}</style></head><body><p>这是一行。</p></body></html>这是最简单的边框写法,直接给文字设置了默认的边框以及边框的颜色。原创 2016-12-15 15:48:52 · 252 阅读 · 0 评论 -
CSS学习Day05
设置外边距<html><head><style type="text/css"> p.leftmargin {margin-left: 2cm}</style></head><body> <p>这个段落没有指定外边距。</p> <p class="leftmargin">这个段落带有指定的左外边距。</p></body></html>我们可以使用margin-l原创 2017-01-03 22:09:39 · 274 阅读 · 0 评论 -
CSS学习Day06
设置内边距<html> <head> <style type="text/css">td{padding-left: 10%}</style> </head> <body> <table border="1"> <tbody> <tr> <td> 这个表格单元拥有左内边距。 </td> </tr> </tbody> <原创 2017-01-03 22:15:12 · 236 阅读 · 0 评论 -
CSS学习Day07
列表用法列表是常见的css样式中的用法。<html> <head> <style type="text/css">ul.disc {list-style-type: disc}ul.circle {list-style-type: circle}ul.square {list-style-type: square}ul.none {list-style-type: none}</s原创 2017-01-03 23:30:58 · 298 阅读 · 0 评论