前端开发
文章平均质量分 94
蔷薇岛少年
从事嵌入式软件开发以及驱动开发。熟悉使用C语言,C++开发语言,熟悉音视频处理。
展开
-
10-CSS格式化排版
10.1 字体排版我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。语法格式:body{font-family:"宋体";}注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)下原创 2016-05-27 09:55:17 · 639 阅读 · 0 评论 -
14-前端web的CSS中单位和值
14-1 颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来原创 2016-06-20 10:42:46 · 521 阅读 · 0 评论 -
13-CSS代码缩写,占用更少带宽
13-1 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:如果top、righ原创 2016-06-20 10:38:44 · 511 阅读 · 0 评论 -
12-CSS布局模型
12-1 CSS布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么CSS 布局模板就是末了,是外在的表现形式。CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和原创 2016-06-15 11:26:44 · 6272 阅读 · 1 评论 -
8-CSS选择器
8.1 什么是CSS选择器每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。<!DOCTYPE HTML><html> <head> <meta http-equiv原创 2016-05-22 20:56:12 · 7855 阅读 · 0 评论 -
7-CSS三种样式
CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。7.1 内联式CSS样式——直接写在html标签中内联式css样式表就是把css代码直接写在现有的HTML标签中,并且css样式代码要写在style=”“双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开:<p style="color:red">这里文字是红色。</p原创 2016-05-22 20:41:18 · 519 阅读 · 0 评论 -
6-CSS样式
6.1 认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。如下是一个CSS的样式代码:p{ font-size:12px; color:red; font-原创 2016-05-22 20:32:04 · 1442 阅读 · 0 评论 -
11-CSS盒子模型
11.1 元素分类在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、行内元素和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<v原创 2016-06-08 13:17:18 · 5870 阅读 · 0 评论 -
9-CSS继承,层叠,特殊性
9.1 继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}<p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>可见右侧结果窗口中p中原创 2016-06-08 12:59:31 · 520 阅读 · 0 评论 -
5-表单——和用户交互
5.1 form表单标签网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:<form method="传送方式" action="服务器文件"><form> :<form>标签是成对出现的,以<form>开始,以</form>结束。action :浏览者输入的数据被传送到的地方,比原创 2016-05-19 12:41:24 · 2149 阅读 · 0 评论 -
2 认识HTML标签(1)
2.1 语义化,让你的网页更好的被搜索引擎理解这一章节我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要记住学习html标签过程中,主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理),比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段原创 2016-05-15 11:54:04 · 8847 阅读 · 0 评论 -
1 HTML介绍
1 HTML介绍1.1 代码初体验,制作第一个网页<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>制作我的第一个网页</title> </head> <body> <h原创 2016-05-15 11:28:22 · 1814 阅读 · 0 评论 -
4-认识HTML标签(3)
4.1 a/href标签,链接到一个网页使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>举例:<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>上面例子作用是单击cli原创 2016-05-17 15:07:16 · 863 阅读 · 0 评论 -
3-认识HTML标签(2)
3.1 ul-li标签,添加列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法:<ul> <li>信息</li> <li>信息</li> ......</ul>举例:<!DOCTYPE HTML><html> <head> <meta原创 2016-05-17 14:58:24 · 642 阅读 · 0 评论 -
15-CSS样式设置技巧
15-1 水平居中设置——行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素原创 2016-06-20 11:16:08 · 6346 阅读 · 0 评论