iBoundary

类选择器

摘要：类选择器类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来阅读全文

posted @ 2019-08-28 17:33 iBoundary 阅读(492) 评论(0) 推荐(0)

标签选择器

摘要：标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。实例：阅读全文

posted @ 2019-08-28 17:28 iBoundary 阅读(300) 评论(0) 推荐(0)

什么是选择器？

摘要：每一条css样式声明（定义）由两部分组成，形式如下：选择器 + 声明{键值对} 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。阅读全文

posted @ 2019-08-28 17:22 iBoundary 阅读(597) 评论(0) 推荐(0)

三种方法的优先级

摘要：有的小伙伴问了，如果有一种情况：对于同一个元素我们同时用了三种方法设置css样式，那么哪种方法真正有效呢？在右边编辑器就出现了这种情况 1、使用内联式CSS设置“超酷的互联网”文字为粉色。 2、然后使用嵌入式CSS来设置文字为红色。 3、最后又使用外部式设置文字为蓝色（style.css文件中设置）阅读全文

posted @ 2019-08-28 16:57 iBoundary 阅读(258) 评论(0) 推荐(0)

外部式css样式，写在单独的一个文件中

摘要：外部式css样式，写在单独的一个文件中外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：注意： 1、css样式文件阅读全文

posted @ 2019-08-28 16:49 iBoundary 阅读(4665) 评论(0) 推荐(0)

嵌入式css样式，写在当前的文件中

摘要：嵌入式css样式，写在当前的文件中现在有一任务，把下面代码中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情（为每一个<span>标签加入sytle="font-size:18px"语句），阅读全文

posted @ 2019-08-28 11:12 iBoundary 阅读(888) 评论(0) 推荐(0)

内联式css样式，直接写在现有的HTML标签中

摘要：内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：注意要写在元素的开始标签里，下面这种阅读全文

posted @ 2019-08-28 10:54 iBoundary 阅读(2491) 评论(0) 推荐(0)

CSS代码语法/CSS注释代码

摘要： CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。阅读全文

posted @ 2019-08-28 10:48 iBoundary 阅读(662) 评论(0) 推荐(0)

认识CSS样式/CSS样式的优势

摘要：认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码：使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。实例：阅读全文

posted @ 2019-08-28 10:22 iBoundary 阅读(568) 评论(0) 推荐(0)

form表单中的label标签

摘要： form表单中的label标签小伙伴们，你们在前面学习表单各种控件的时候，有没有发现一个标签--label，这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该labe 阅读全文

posted @ 2019-08-28 10:08 iBoundary 阅读(523) 评论(0) 推荐(0)

导航