随笔分类 - 【Web前端--Html&Css学习复习】
摘要：在CSS并没有为我们提供一个直接设置行间距的方式，我们只能通过设置行高来间接的设置行间距，行高越大行间距越大。使用line-height来设置行高 。行高类似于我们上学单线本，单线本是一行一行，线与线之间的距离就是行高，网页中的文字实际上也是写在一个看不见的线中的，而文字会默认在行高中垂直居中显示。
阅读全文
posted @ 2017-04-13 23:02
西北野狼
摘要：font-style可以用来设置文字的斜体 - 可选值： - 大部分浏览器都不会对倾斜和斜体做区分，也就是说我们设置italic和oblique它们的效果往往是一样的 - 一般我们只会使用italic font-weight可以用来设置文本的加粗效果 可选值： 该样式也可以指定100-900之间的9
阅读全文
posted @ 2017-04-12 23:39
西北野狼
摘要：在网页中将字体分成5大类： 可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式。 一般会将字体的大分类，指定为font-family中的最后一个字体。 效果： 中文区别不打，英文区别很明显
阅读全文
posted @ 2017-04-12 21:34
西北野狼
摘要：设置字体颜色,使用color来设置文字的颜色 设置文字的大小,浏览器中一般默认的文字大小都是16pxfont-size设置的并不是文字本身的大小，在页面中，每个文字都是处在一个看不见的框中的我们设置的font-size实际上是设置格的高度，并不是字体的大小一般情况下文字都要比这个格要小一些，也有时会
阅读全文
posted @ 2017-04-11 23:18
西北野狼
摘要：颜色单位： 在CSS可以直接使用颜色的单词来表示不同的颜色 红色：red 蓝色：blue 绿色：green 也可以使用RGB值来表示不同的颜色 - 所谓的RGB值指的是通过Red Green Blue三元色，通过这三种颜色的不同的浓度，来表示出不同的颜色。例子：rgb(红色的浓度,绿色的浓度,蓝色的
阅读全文
posted @ 2017-04-11 22:47
西北野狼
摘要：长度单位 像素 px - 像素是我们在网页中使用的最多的一个单位， 一个像素就相当于我们屏幕中的一个小点，我们的屏幕实际上就是由这些像素点构成的但是这些像素点，是不能直接看见。 - 不同显示器一个像素的大小也不相同，显示效果越好越清晰，像素就越小，反之像素越大。 百分比 % - 也可以将单位设置为一
阅读全文
posted @ 2017-04-11 00:01
西北野狼
摘要：定义列表用来对一些词汇或内容进行定义 使用dl来创建一个定义列表 dl中有两个子标签 dt ： 被定义的内容 dd ： 对定义内容的描述 同样dl和ul和ol之间都可以互相嵌套 效果：
阅读全文
posted @ 2017-04-10 23:21
西北野狼
摘要：列表就相当于去超市购物时的那个购物清单， 在HTML也可以创建列表，在网页中一共有三种列表： 1.无序列表 2.有序列表 3.定义列表 无序列表 - 使用ul标签来创建一个无序列表 - 使用li在ul中创建一个一个的列表项， 一个li就是一个列表项 通过type属性可以修改无序列表的项目符号 可选值
阅读全文
posted @ 2017-04-10 22:45
西北野狼
摘要：em和strong - 这两个标签都表示一个强调的内容， em主要表示语气上的强调,em在浏览器中默认使用斜体显示 strong表示强调的内容，比em更强烈，默认使用粗体显示 显示效果： i标签中的内容会以斜体显示 b标签中的内容会以加粗显示 h5规范中规定，对于不需要着重的内容而是单纯的加粗或者是
阅读全文
posted @ 2017-04-05 23:13
西北野狼
摘要：当使用不同的选择器，选中同一个元素时并且设置相同的样式时，这时样式之间产生了冲突，最终到底采用哪个选择器定义的样式，由选择器的优先级（权重）决定优先级高的优先显示。 优先级的规则 当选择器中包含多种选择器时，需要将多种选择器的优先级相加然后在比较，但是注意，选择器优先级计算不会超过他的最大的数量级，
阅读全文
posted @ 2017-04-04 19:03
西北野狼
摘要：为一个元素后边的元素设置css样式： 语法：前一个 + 后一个。 作用：可以选中一个元素后紧挨着的指定的兄弟元素。 为一个元素后边的所有相同元素设置css样式： 语法：前一个 ~ 后边所有。 效果：
阅读全文
posted @ 2017-04-03 23:00
西北野狼
摘要：可以使用even，来找到偶数的子元素 可以使用odd，来找到奇数的子元素 demo: 效果图：
阅读全文
posted @ 2017-03-19 00:19
西北野狼
摘要：属性选择器：根据元素的属性选择指定元素 语法：[属性名] 选取含有指定属性的元素 demo:(注：这么尴尬的诗句肯定不是我写的) 效果图：
阅读全文
posted @ 2017-03-18 21:57
西北野狼
摘要：first-letter demo: 效果： first-line demo: 效果图： :before :after demo: 效果：
阅读全文
posted @ 2017-03-18 20:18
西北野狼
摘要：伪类和伪元素用来表示元素所处的一个特殊的状态，或者是一个特殊的位置 比如：访问过的超链接，比如普通的超链接，比如获取焦点的文本框当我们需要为处在这些特殊状态的元素设置样式时，就可以使用伪类 为没访问过的链接设置一个颜色为绿色 demo: 效果： 没有访问的： 访问过的： 鼠标移入： 伪类的优先级 顺
阅读全文
posted @ 2017-03-18 16:12
西北野狼
摘要：Css:Cascading Style Sheets CSS叫做层叠样式表，用来设置页面中元素的样式。背景颜色、字体颜色、字体大小。。。 编写位置： 1，内联样式： 将样式编写到标签的style属性中 <p style="color:red;"></p> 效果： 如果对其他标签起作用，内联样式就需要
阅读全文
posted @ 2017-03-13 21:56
西北野狼
摘要：Image标签 使用img标签来向网页中引入一个外部图片， img标签也是一个自结束标签 属性： 搜索引擎可以通过alt属性来识别不同的图片 如果不写alt属性，则搜索引擎不会对img中的图片进行收录 宽度和高度两个属性如果指设置一个，另一个也会同时等比例调整大小 如果两个值同时指定则按照你指定的值
阅读全文
posted @ 2017-03-08 00:20
西北野狼
浙公网安备 33010602011771号