css基础知识汇总4
2024-05-29 09:54:58
定义列表
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><!--定义列表用来对一些词汇或内容进行定义使用dl来创建一个定义列表dl中有两个子标签dt ： 被定义的内容dd ： 对定义内容的描述同样dl和ul和ol之间都可以互相嵌套 --><dl><dt>武松</dt><dd>景阳冈打虎英雄，战斗力99</dd><dd>后打死西门庆，投奔梁山</dd><dt>武大</dt><dd>著名餐饮企业家，战斗力0</dd></dl></body>
</html>
单位
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">/** 长度单位* 像素 px* - 像素是我们在网页中使用的最多的一个单位，* 一个像素就相当于我们屏幕中的一个小点，* 我们的屏幕实际上就是由这些像素点构成的* 但是这些像素点，是不能直接看见。* - 不同显示器一个像素的大小也不相同，* 显示效果越好越清晰，像素就越小，反之像素越大。* * 百分比 %* - 也可以将单位设置为一个百分比的形式，* 这样浏览器将会根据其父元素的样式来计算该值* - 使用百分比的好处是，当父元素的属性值发生变化时，* 子元素也会按照比例发生改变* - 在我们创建一个自适应的页面时，经常使用百分比作为单位* * em* - em和百分比类似，它是相对于当前元素的字体大小来计算的* - 1em = 1font-size* - 使用em时，当字体大小发生改变时，em也会随之改变* - 当设置字体相关的样式时，经常会使用em* */.box{width: 300px;height: 300px;background-color: red;}.box1{font-size: 20px;width: 2em;height: 50%;background-color: yellow;}</style></head><body><div class="box"><div class="box1"></div></div></body>
</html>
颜色的单位
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">.box1{width: 100px;height: 100px;/** 颜色单位：* 在CSS可以直接使用颜色的单词来表示不同的颜色* 红色：red* 蓝色：blue* 绿色：green * 也可以使用RGB值来表示不同的颜色* - 所谓的RGB值指的是通过Red Green Blue三元色，* 通过这三种颜色的不同的浓度，来表示出不同的颜色* - 例子：rgb(红色的浓度,绿色的浓度,蓝色的浓度);* - 颜色的浓度需要一个0-255之间的值，255表示最大，0表示没有* - 浓度也可以采用一个百分数来设置，需要一个0% - 100%之间的数字* 使用百分数最终也会转换为0-255之间的数* 0%表示0* 100%表示255* 也可以使用十六进制的rgb值来表示颜色，原理和上边RGB原理一样，* 只不过使用十六进制数来代替，使用三组两位的十六进制数组来表示一个颜色* 每组表示一个颜色 ,第一组表示红色的浓度，范围00-ff* 第二组表示绿色的浓度，范围是00-ff* 第三组表示蓝色的浓度，范围00-ff* 语法：#红色绿色蓝色* 十六进制：* 0 1 2 3 4 5 6 7 8 9 a b c d e f* 00 - ff* 00表示没有，相当于rgb中的0* ff表示最大，相当于rgb中255* 红色：* #ff0000* 像这种两位两位重复的颜色，可以简写* 比如：#ff0000 可以写成 #f00* #abc #aabbcc * *//*background-color: rgb(161,187,215);*//*background-color: rgb(100%,50%,50%);*//*background-color: #00f;*//*background-color: #abc;*/ /*#aabbcc*/background-color: #084098;}</style></head><body><div class="box1"></div></body>
</html>
字体的样式
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">.p1{/*设置字体颜色,使用color来设置文字的颜色*/color: red;/** 设置文字的大小,浏览器中一般默认的文字大小都是16pxfont-size设置的并不是文字本身的大小，在页面中，每个文字都是处在一个看不见的框中的我们设置的font-size实际上是设置格的高度，并不是字体的大小一般情况下文字都要比这个格要小一些，也有时会比格大，根据字体的不同，显示效果也不能 * */font-size: 30px;/** 通过font-family可以指定文字的字体* 当采用某种字体时，如果浏览器支持则使用该字体，* 如果字体不支持，则使用默认字体* 该样式可以同时指定多个字体，多个字体之间使用,分开* 当采用多个字体时，浏览器会优先使用前边的字体，* 如果前边没有在尝试下一个*//*font-family: arial , 微软雅黑;*//** 浏览器使用的字体默认就是计算机中的字体，* 如果计算机中有，则使用，如果没有就不用* * 在开发中，如果字体太奇怪，用的太少了，尽量不要使用，* 有可能用户的电脑没有，就不能达到想要的效果。*//*font-family: 华文彩云 , arial , 微软雅黑;*/font-family: "curlz mt";}</style></head><body><p class="p1">我是一个p标签，ABCDEFGabcdefg</p></body>
</html>
字体的分类
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">p{font-family: arial , 微软雅黑 , 华文彩云 , serif;}</style></head><body><!-- 在网页中将字体分成5大类：serif（衬线字体）sans-serif（非衬线字体）monospace （等宽字体）cursive （草书字体）fantasy （虚幻字体）可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式一般会将字体的大分类，指定为font-family中的最后一个字体 --><p style="font-size: 50px; font-family: serif;">衬线字体：我是一段文字，ABCDEFGabcdefg</p><p style="font-size: 50px; font-family: sans-serif;">非衬线字体：我是一段文字，ABCDEFGabcdefg</p><p style="font-size: 50px; font-family: monospace;">等宽字体：我是一段文字，IHABCDEFGabcdefg</p><p style="font-size: 50px; font-family: cursive;">草书字体：我是一段文字，ABCDEFGabcdefg</p><p style="font-size: 50px; font-family: fantasy;">虚幻字体：我是一段文字，ABCDEFGabcdefg</p></body>
</html>
字体的其他样式
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">.p1{color: red;font-size: 30px;font-family: "微软雅黑";/** font-style可以用来设置文字的斜体* - 可选值：* normal，默认值，文字正常显示* italic 文字会以斜体显示* oblique 文字会以倾斜的效果显示* - 大部分浏览器都不会对倾斜和斜体做区分，* 也就是说我们设置italic和oblique它们的效果往往是一样的* - 一般我们只会使用italic*/font-style: italic;/** font-weight可以用来设置文本的加粗效果：* 可选值：* normal，默认值，文字正常显示* bold，文字加粗显示* * 该样式也可以指定100-900之间的9个值，* 但是由于用户的计算机往往没有这么多级别的字体，所以达到我们想要的效果* 也就是200有可能比100粗，300有可能比200粗，但是也可能是一样的*/font-weight: bold;/** font-variant可以用来设置小型大写字母* 可选值：* normal，默认值，文字正常显示* small-caps 文本以小型大写字母显示* * 小型大写字母：* 将所有的字母都以大写形式显示，但是小写字母的大写，* 要比大写字母的大小小一些。*/font-variant: small-caps ;}.p2{/*设置一个文字大小*/font-size: 50px;/*设置一个字体*/font-family: 华文彩云;/*设置文字斜体*/font-style: italic;/*设置文字的加粗*/font-weight: bold;/*设置一个小型大写字母*/font-variant: small-caps;}.p3{/** 在CSS中还为我们提供了一个样式叫font，* 使用该样式可以同时设置字体相关的所有样式,* 可以将字体的样式的值，统一写在font样式中，不同的值之间使用空格隔开* * 使用font设置字体样式时，斜体 加粗 小大字母，没有顺序要求，甚至可写可不写，* 如果不写则使用默认值，但是要求文字的大小和字体必须写，而且字体必须是最后一个样式* 大小必须是倒数第二个样式* * 实际上使用简写属性也会有一个比较好的性能*/font: small-caps bold italic 60px "微软雅黑";}</style></head><body><p class="p3">我是一段文字，ABCDEFGabcdefg</p><p class="p1">我是一段文字，ABCDEFGabcdefg</p><p class="p2">我是一段文字，ABCDEFGabcdefg</p></body>
</html>
行间距
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">/** 在CSS并没有为我们提供一个直接设置行间距的方式，* 我们只能通过设置行高来间接的设置行间距，行高越大行间距越大* 使用line-height来设置行高 * 行高类似于我们上学单线本，单线本是一行一行，线与线之间的距离就是行高，* 网页中的文字实际上也是写在一个看不见的线中的，而文字会默认在行高中垂直居中显示* * 行间距 = 行高 - 字体大小*/.p1{font-size: 20px;/** 通过设置line-height可以间接的设置行高，* 可以接收的值：* 1.直接就收一个大小* 2.可以指定一个百分数，则会相对于字体去计算行高* 3.可以直接传一个数值，则行高会设置字体大小相应的倍数*//*line-height: 200%;*/line-height: 2;}.box{width: 200px;height: 200px;background-color: #bfa;/** 对于单行文本来说，可以将行高设置为和父元素的高度一致，* 这样可以是单行文本在父元素中垂直居中*/line-height: 200px;}.p2{/** 在font中也可以指定行高* 在字体大小后可以添加/行高，来指定行高，该值是可选的，如果不指定则会使用默认值*/font: 30px "微软雅黑";line-height: 50px;}</style></head><body><p class="p2">在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，蝴蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。 枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们，别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼䀹眼；直刺着天空中圆满的月亮，使月亮窘得发白。 鬼䀹眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地䀹着许多蛊惑的眼睛。 哇的一声，夜游的恶鸟飞过了。 我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。 后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的栀子。 猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。 我打一个呵欠，点起一支纸烟，喷出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。 一九二四年九月十五日。</p><div class="box"><a href="#">我是一个超链接</a></div><p class="p1">在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，蝴蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。 枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们，别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼䀹眼；直刺着天空中圆满的月亮，使月亮窘得发白。 鬼䀹眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地䀹着许多蛊惑的眼睛。 哇的一声，夜游的恶鸟飞过了。 我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。 后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的栀子。 猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。 我打一个呵欠，点起一支纸烟，喷出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。 一九二四年九月十五日。</p></body></html>
文本样式
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">.p1 {/** text-transform可以用来设置文本的大小写* 可选值：* none 默认值，该怎么显示就怎么显示，不做任何处理* capitalize 单词的首字母大写，通过空格来识别单词* uppercase 所有的字母都大写* lowercase 所有的字母都小写*/text-transform: lowercase;}.p2 {/** text-decoration可以用来设置文本的修饰* 可选值：* none：默认值，不添加任何修饰，正常显示* underline 为文本添加下划线* overline 为文本添加上划线* line-through 为文本添加删除线*/text-decoration: line-through;}a {/*超链接会默认添加下划线，也就是超链接的text-decoration的默认值是underline如果需要去除超链接的下划线则需要将该样式设置为none* */text-decoration: none;}.p3 {/*** letter-spacing可以指定字符间距*//*letter-spacing: 10px;*//** word-spacing可以设置单词之间的距离* 实际上就是设置词与词之间空格的大小*/word-spacing: 120px;}.p4{/** text-align用于设置文本的对齐方式* 可选值：* left 默认值，文本靠左对齐* right ， 文本靠右对齐* center ， 文本居中对齐* justify ， 两端对齐* - 通过调整文本之间的空格的大小，来达到一个两端对齐的目的*/text-align: justify ;}.p5{font-size: 20px;/** text-indent用来设置首行缩进* 当给它指定一个正值时，会自动向右侧缩进指定的像素* 如果为它指定一个负值，则会向左移动指定的像素,* 通过这种方式可以将一些不想显示的文字隐藏起来* 这个值一般都会使用em作为单位*/text-indent: -99999px;}</style></head><body><p class="p5">在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，蝴蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。 枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们，别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼䀹眼；直刺着天空中圆满的月亮，使月亮窘得发白。 鬼䀹眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地䀹着许多蛊惑的眼睛。 哇的一声，夜游的恶鸟飞过了。 我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。 后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的栀子。 猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。 我打一个呵欠，点起一支纸烟，喷出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。 一九二四年九月十五日。</p><h1 class="p4">我是一个h1</h1><p class="p4">在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，蝴蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。 枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们，别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼䀹眼；直刺着天空中圆满的月亮，使月亮窘得发白。 鬼䀹眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地䀹着许多蛊惑的眼睛。 哇的一声，夜游的恶鸟飞过了。 我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。 后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的栀子。 猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。 我打一个呵欠，点起一支纸烟，喷出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。 一九二四年九月十五日。</p><p class="p4">“We should start back,” Gared urged as the woods began to grow dark around them. “The wildlings are dead.” “Do the dead frighten you?” Ser Waymar Royce asked with just the hint of a smile. Gared did not rise to the bait. He was an old man, past fifty, and he had seen the lordlings come and go. “Dead is dead,” he said. “We have no business with the dead.” “Are they dead?” Royce asked softly. “What proof have we?” “Will saw them,” Gared said. “If he says they are dead, that’s proof enough for me.” Will had known they would drag him into the quarrel sooner or later. He wished it had been later rather than sooner. “My mother told me that dead men sing no songs,” he put in. “My wet nurse said the same thing, Will,” Royce replied. “Never believe anything you hear at a woman’s tit. There are things to be learned even from the dead.” His voice echoed, too loud in the twilit forest. “We have a long ride before us,” Gared pointed out. “Eight days, maybe nine. And night is falling.” Ser Waymar Royce glanced at the sky with disinterest. “It does that every day about this time. Are you unmanned by the dark, Gared?” Will could see the tightness around Gared’s mouth, the barely suppressed anger in his eyes under the thick black hood of his cloak. Gared had spent forty years in the Night’s Watch, man and boy, and he was not accustomed to being made light of. Yet it was more than that. Under the wounded pride, Will could sense something else in the older man. You could taste it; a nervous tension that came perilous close to fear. Will shared his unease. He had been four years on the Wall. The first time he had been sent beyond, all the old stories had come rushing back, and his bowels had turned to water. He had laughed about it afterward. He was a veteran of a hundred rangings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p><p class="p3">在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。 这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。他的口角上现出微笑，似乎自以为大有深意，而将繁霜洒在我的园里的野花草上。 我不知道那些花草真叫什么名字，人们叫他们什么名字。我记得有一种开过极细小的粉红花，现在还开着，但是更极细小了，她在冷的夜气中，瑟缩地做梦，梦见春的到来，梦见秋的到来，梦见瘦的诗人将眼泪擦在她最末的花瓣上，告诉她秋虽然来，冬虽然来，而此后接着还是春，蝴蝶乱飞，蜜蜂都唱起春词来了。她于是一笑，虽然颜色冻得红惨惨地，仍然瑟缩着。 枣树，他们简直落尽了叶子。先前，还有一两个孩子来打他们，别人打剩的枣子，现在是一个也不剩了，连叶子也落尽了。他知道小粉红花的梦，秋后要有春；他也知道落叶的梦，春后还是秋。他简直落尽叶子，单剩干子，然而脱了当初满树是果实和叶子时候的弧形，欠伸得很舒服。但是，有几枝还低亚着，护定他从打枣的竿梢所得的皮伤，而最直最长的几枝，却已默默地铁似的直刺着奇怪而高的天空，使天空闪闪地鬼䀹眼；直刺着天空中圆满的月亮，使月亮窘得发白。 鬼䀹眼的天空越加非常之蓝，不安了，仿佛想离去人间，避开枣树，只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子，却仍然默默地铁似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各样地䀹着许多蛊惑的眼睛。 哇的一声，夜游的恶鸟飞过了。 我忽而听到夜半的笑声，吃吃地，似乎不愿意惊动睡着的人，然而四围的空气都应和着笑。夜半，没有别的人，我即刻听出这声音就在我嘴里，我也即刻被这笑声所驱逐，回进自己的房。灯火的带子也即刻被我旋高了。 后窗的玻璃上丁丁地响，还有许多小飞虫乱撞。不多久，几个进来了，许是从窗纸的破孔进来的。他们一进来，又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了，他于是遇到火，而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩，雪白的纸，折出波浪纹的叠痕，一角还画出一枝猩红色的栀子。 猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。 我打一个呵欠，点起一支纸烟，喷出烟来，对着灯默默地敬奠这些苍翠精致的英雄们。 一九二四年九月十五日。</p><p class="p3">“We should start back,” Gared urged as the woods began to grow dark around them. “The wildlings are dead.” “Do the dead frighten you?” Ser Waymar Royce asked with just the hint of a smile. Gared did not rise to the bait. He was an old man, past fifty, and he had seen the lordlings come and go. “Dead is dead,” he said. “We have no business with the dead.” “Are they dead?” Royce asked softly. “What proof have we?” “Will saw them,” Gared said. “If he says they are dead, that’s proof enough for me.” Will had known they would drag him into the quarrel sooner or later. He wished it had been later rather than sooner. “My mother told me that dead men sing no songs,” he put in. “My wet nurse said the same thing, Will,” Royce replied. “Never believe anything you hear at a woman’s tit. There are things to be learned even from the dead.” His voice echoed, too loud in the twilit forest. “We have a long ride before us,” Gared pointed out. “Eight days, maybe nine. And night is falling.” Ser Waymar Royce glanced at the sky with disinterest. “It does that every day about this time. Are you unmanned by the dark, Gared?” Will could see the tightness around Gared’s mouth, the barely suppressed anger in his eyes under the thick black hood of his cloak. Gared had spent forty years in the Night’s Watch, man and boy, and he was not accustomed to being made light of. Yet it was more than that. Under the wounded pride, Will could sense something else in the older man. You could taste it; a nervous tension that came perilous close to fear. Will shared his unease. He had been four years on the Wall. The first time he had been sent beyond, all the old stories had come rushing back, and his bowels had turned to water. He had laughed about it afterward. He was a veteran of a hundred rangings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p><a href="#">我是超链接</a><p class="p2">“We should start back,” Gared urged as the woods began to grow dark around them. “The wildlings are dead.” “Do the dead frighten you?” Ser Waymar Royce asked with just the hint of a smile. Gared did not rise to the bait. He was an old man, past fifty, and he had seen the lordlings come and go. “Dead is dead,” he said. “We have no business with the dead.” “Are they dead?” Royce asked softly. “What proof have we?” “Will saw them,” Gared said. “If he says they are dead, that’s proof enough for me.” Will had known they would drag him into the quarrel sooner or later. He wished it had been later rather than sooner. “My mother told me that dead men sing no songs,” he put in. “My wet nurse said the same thing, Will,” Royce replied. “Never believe anything you hear at a woman’s tit. There are things to be learned even from the dead.” His voice echoed, too loud in the twilit forest. “We have a long ride before us,” Gared pointed out. “Eight days, maybe nine. And night is falling.” Ser Waymar Royce glanced at the sky with disinterest. “It does that every day about this time. Are you unmanned by the dark, Gared?” Will could see the tightness around Gared’s mouth, the barely suppressed anger in his eyes under the thick black hood of his cloak. Gared had spent forty years in the Night’s Watch, man and boy, and he was not accustomed to being made light of. Yet it was more than that. Under the wounded pride, Will could sense something else in the older man. You could taste it; a nervous tension that came perilous close to fear. Will shared his unease. He had been four years on the Wall. The first time he had been sent beyond, all the old stories had come rushing back, and his bowels had turned to water. He had laughed about it afterward. He was a veteran of a hundred rangings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p><p class="p1">“We should start back,” Gared urged as the woods began to grow dark around them. “The wildlings are dead.” “Do the dead frighten you?” Ser Waymar Royce asked with just the hint of a smile. Gared did not rise to the bait. He was an old man, past fifty, and he had seen the lordlings come and go. “Dead is dead,” he said. “We have no business with the dead.” “Are they dead?” Royce asked softly. “What proof have we?” “Will saw them,” Gared said. “If he says they are dead, that’s proof enough for me.” Will had known they would drag him into the quarrel sooner or later. He wished it had been later rather than sooner. “My mother told me that dead men sing no songs,” he put in. “My wet nurse said the same thing, Will,” Royce replied. “Never believe anything you hear at a woman’s tit. There are things to be learned even from the dead.” His voice echoed, too loud in the twilit forest. “We have a long ride before us,” Gared pointed out. “Eight days, maybe nine. And night is falling.” Ser Waymar Royce glanced at the sky with disinterest. “It does that every day about this time. Are you unmanned by the dark, Gared?” Will could see the tightness around Gared’s mouth, the barely suppressed anger in his eyes under the thick black hood of his cloak. Gared had spent forty years in the Night’s Watch, man and boy, and he was not accustomed to being made light of. Yet it was more than that. Under the wounded pride, Will could sense something else in the older man. You could taste it; a nervous tension that came perilous close to fear. Will shared his unease. He had been four years on the Wall. The first time he had been sent beyond, all the old stories had come rushing back, and his bowels had turned to water. He had laughed about it afterward. He was a veteran of a hundred rangings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p></body></html>
盒子模型
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">.box1{/** 使用width来设置盒子内容区的宽度* 使用height来设置盒子内容区的高度* * width和height只是设置的盒子内容区的大小，而不是盒子的整个大小，* 盒子可见框的大小由内容区，内边距和边框共同决定*/width: 300px;height: 300px;/*设置背景颜色*/background-color: #bfa;/** 为元素设置边框* 要为一个元素设置边框必须指定三个样式* border-width:边框的宽度* border-color:边框颜色* border-style:边框的样式*//** 设置边框的宽度*//*border-width:10px ;*//*使用border-width可以分别指定四个边框的宽度如果在border-width指定了四个值，则四个值会分别设置给 上 右 下 左，按照顺时针的方向设置的如果指定三个值，则三个值会分别设置给 上 左右 下如果指定两个值，则两个值会分别设置给 上下 左右 如果指定一个值，则四边全都是该值 除了border-width，CSS中还提供了四个border-xxx-widthxxx的值可能是top right bottom left专门用来设置指定边的宽度 * *//*border-width:10px 20px 30px 40px ;*//*border-width:10px 20px 30px ;*//*border-width: 10px 20px ;*/border-width: 10px;/*border-left-width:100px ;*//** 设置边框的颜色* 和宽度一样，color也提供四个方向的样式，可以分别指定颜色* border-xxx-color*/border-color: red;/*border-color: red yellow orange blue;*//*border-color: red yellow orange;*//*border-color: red yellow;*//** 设置边框的样式* 可选值：* none，默认值，没有边框* solid 实线* dotted 点状边框* dashed 虚线* double 双线* * style也可以分别指定四个边的边框样式，规则和width一致，* 同时它也提供border-xxx-style四个样式，来分别设置四个边*//*border-style: double;*/border-style: solid dotted dashed double; }</style></head><body><div class="box1"></div></body>
</html>
css基础知识汇总4相关推荐
- CSS基础知识汇总{主要内容： CSS语法结构，类选择器，后代选择器，交集选择器等}
1.CSS的作用: 通过css达到美化网页的效果 2.选择器: ✔ 基础选择器(重点) ◆标签选择器(重点学习) ◆类选择器(重点学习) ◆ID选择器 ◆通配符选择器 ✔ 复合选择器(重点) ◆后代选 ...
- 关于前端的HTML+CSS基础知识汇总（较为全面）
这里写目录标题 初识 空元素的两种写法 元素之间的嵌套 标准的文档结构(告诉浏览器当前使用的 HTML 标准是 html5.) 语义化 什么是语义化? 为什么需要语义化? 文本元素 h p span( ...
- 前端html+css基础知识汇总（个人学习内容总结，希望对你有帮助 内含部分代码）
*小知识点 0.定位和浮动做布局,移动transform做效果 例如;京东盒子上升效果 快捷键:ctrl+f 快速查找 ctrl+g 快速跳转行号 1.text-aline:center可以让什么元素 ...
- 脑科学与脑电基础知识汇总
点击上面"脑机接口社区"关注我们 更多技术干货第一时间送达 脑科学与脑电基础知识汇总 该部分汇总了社区分享的部分脑科学.EEG.fNIRS.BCI.人机交互等相关知识. 脑电与情绪 ...
- python基础知识资料-Python基础知识汇总
原标题:Python基础知识汇总 1.Anaconda的安装 百度Anaconda的官网,下载左边的Python3.X版本 然后是设置路径,最后给出Jupyter notebook.具体参考: 猴子: ...
- python基础知识资料-学习Python列表的基础知识汇总
千里之行,始于足下.要练成一双洞悉一切的眼睛,还是得先把基本功扎扎实实地学好.今天,本喵带大家仔细温习一下Python的列表.温故而知新,不亦说乎. 当然,温习的同时也要发散思考,因为有些看似无关紧要 ...
- css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
- 〖前端开发〗HTML/CSS基础知识学习笔记
经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构:HTML文件的固定结构:<html><head>...</head><b ...
- HTML/CSS基础知识（四）
WEB标准和W3C的理解与认识 Web标准是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结 ...
- html css基础知识
1 这是自己学习html时候做的一些记录,供大家参考 <!-- 2 块和内联3 块元素:独占一行的元素4 div p h ul5 div没有任何语义,就是一个纯粹的快元素6 就是为了方便布局7 ...
最新文章
- TreeView的复选框隐藏 重新整理
- php查询数据存到下一界面_PHP从另一个页面获取数据
- 创建数据库指定编码集
- [python爬虫] 招聘信息定时系统 (二).调用pyinstaller包生成exe文件
- 1055 - Expression #1 of SELECT list is not in GROUP BY clause and contains解决
- 服务去获取配置中心配置
- 前端学习（2484）：发表更新
- 计算机二级办公软件高级应用难不难,计算机二级office难吗 考试内容是什么
- android 获取当前输入法,关于获取安卓手机系统输入法和设置输入法
- Android Audio BSP工程师 需要清楚的基本知识点
- C++Primer中文版（第5版）（顶级畅销书重磅升级 全面采用最新 C++ 11标准）
- Android 四大组件学习之Service七
- java speex回声消除_Speex回声消除原理深度解析
- 怎么提供专利技术交底书
- Windows常用设置
- 狭义相对论从入门到入土（建议初一及以上）
- 数字电视至显示android,手机投屏到电视的5种方法 看完才知道原来这么简单！
- java-swing-下拉列表
- 三维基础建模知识，看完就会
- DataFrame的apply应用
热门文章
- 【TDA4系列】 IPC applications应用举例
- timerfd.h中定义的函数
- 安装Cnario提示.Net 3.5安装错误, 检查Windows系统更新提示无法检查到更新, 安装.Net 3.5提示Windows无法完成请求的更改, 错误代码:0x800F081F...
- 在线教育平台签约电子化：借电子印章提速控本、服务师生
- 在自动驾驶技术上，一向自信满满的马斯克也承认了特斯拉的不足
- viewpager 获取当前现实的view
- 保持皮肤水嫩有光泽，让皮肤保湿的土办法 - 生活至上，美容至尚！
- PAT_B_1013 数素数
- （四） Docker 常用帮助命令
- js中的instanceof运算符