摘要：
1. 继承性 CSS的某些样式是具有继承性的，那么什么是继承呢？ 继承是一种规则，它允许样式不仅应用于某个特定 html 标签元素，而且应用于其后代。 比如下面代码：如某种颜色应用于 p 标签，这个颜色设置不仅应用 p 标签，还应用于 p 标签中的所有子元素文本，这里子元素为 span 标签。 <s 阅读全文
posted @ 2017-06-13 23:09
郑源
阅读(581)
评论(0)
推荐(0)
摘要：
伪类选择器，和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。 在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效 阅读全文
posted @ 2017-06-13 23:08
郑源
阅读(369)
评论(0)
推荐(0)
摘要：
一、通用选择器 通用选择器可能是所有选择器中最强大的，却使用最少的。通用选择器的作用就像是通配符，它匹配所有可用元素。通用选择器由一个星号表示。通用选择器一般用来对象页面上所有元素应用样式 例如：可使用，以下规则删除第个元素上的默认的空白边界 二、分组选择器 分组选择器不是一种选择器类型，而是一种选 阅读全文
posted @ 2017-06-13 23:06
郑源
阅读(321)
评论(0)
推荐(0)
摘要：
子选择器 还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。 <style type="t 阅读全文
posted @ 2017-06-13 22:58
郑源
阅读(437)
评论(0)
推荐(0)
摘要：
平时在代码练习中，经常用到后代选择器，子选择器也会用到，这里做个总结： 1，后代选择器和子选择器区别： 2，后代选择器，子选择器和相邻兄弟选择器结合使用示例： 请看下面这个选择器： 这个选择器解释为：选择紧接在 table 元素后出现的第一个相邻兄弟 ul 元素，该 table 元素包含在一个 bo 阅读全文
posted @ 2017-06-13 22:52
郑源
阅读(407)
评论(0)
推荐(0)
摘要：
学习了类选择器和ID选择器，我们会发现他们之间有很多的相似处，是不是两者可以通用呢？我们不要着急先来总结一下他们的相同点和不同点： 相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次 阅读全文
posted @ 2017-06-13 22:20
郑源
阅读(535)
评论(0)
推荐(0)
摘要：
在最近的web开发中是不是就会用到一些选择器，发现很多尤其是CSS3新增的不太熟悉，在此总结一下。 优先级 不同级别 1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 2.作为style属性写在元素内的样式 3.id选择器 4.类选择器 5.标签选择器 6.通配符选择 阅读全文
posted @ 2017-06-13 21:50
郑源
阅读(222)
评论(0)
推荐(0)
摘要：
方法 css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。有一点注意，样式表放在不同的地方，产生作用的范围不同（以下会说明）。 内联定义 内联定义，即在对象的标记内使用对象的style属性定义适用的样式表属性，格式定义为 :<div style="内容"><div>，如下示例 阅读全文
posted @ 2017-06-13 21:39
郑源
阅读(2049)
评论(0)
推荐(0)
摘要：
css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时， 阅读全文
posted @ 2017-06-13 21:30
郑源
阅读(159)
评论(0)
推荐(0)
摘要：
在表单布局中会遇到label标签的使用，label没有任何样式效果，有触发对应表单控件功能。比如我们点击单选按钮或多选框前文字对应选项就能被选中，这个就是对文字加了<label>标签实现。 点击<label>标签文字时，实现对应控件被选择，需要对应表单控件id的值与label标签内的for值相同。 阅读全文
posted @ 2017-06-13 21:14
郑源
阅读(351)
评论(0)
推荐(0)
摘要：
下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。如下代码： 讲解： 1、value： 2、selected="selected"： 设置selected="selected"属性，则该选项就被默认选中。 在浏览器中显示的结果： 使用下拉列表框进行多选 下拉列表也可以进行 阅读全文
posted @ 2017-06-13 19:20
郑源
阅读(13397)
评论(0)
推荐(0)
摘要：
大家都知道，textarea元素在chrome等浏览器下可以被拖拉从而改变大小，对于查看textarea里面的内容来说相当方便，但是有时候 我们为了保持网页的美观，不得不想要禁掉这个功能，禁止用户随意拉动textarea的大小，其实很简单，只需要用css加一个小小的属性，代码如下： textarea 阅读全文
posted @ 2017-06-13 18:58
郑源
阅读(1289)
评论(0)
推荐(0)
摘要：
<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示： 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。 下面是一个完 阅读全文
posted @ 2017-06-13 17:52
郑源
阅读(143)
评论(0)
推荐(0)
浙公网安备 33010602011771号