随笔分类 -  web前端html/css

摘要:颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB... 阅读全文
posted @ 2015-01-27 11:07 修行尚浅 阅读(302) 评论(0) 推荐(0)
摘要:盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15... 阅读全文
posted @ 2015-01-27 10:47 修行尚浅 阅读(286) 评论(0) 推荐(0)
摘要:css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是... 阅读全文
posted @ 2015-01-26 22:36 修行尚浅 阅读(512) 评论(0) 推荐(0)
摘要:元素分类标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、元素分类--块级元素设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转... 阅读全文
posted @ 2015-01-26 03:15 修行尚浅 阅读(275) 评论(0) 推荐(0)
摘要:CSS格式化排版文字排版--字体body{font-family:"宋体";}body{font-family:"Microsoft Yahei";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用... 阅读全文
posted @ 2015-01-22 15:15 修行尚浅 阅读(174) 评论(0) 推荐(0)
摘要:继承CSS的某些样式是具有继承性的。继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}三年级时,我还是一个胆小如鼠的小... 阅读全文
posted @ 2015-01-21 01:13 修行尚浅 阅读(163) 评论(0) 推荐(0)
摘要:选择器每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。标签选择器标签选择器其实就是html代码中的标... 阅读全文
posted @ 2015-01-19 23:56 修行尚浅 阅读(148) 评论(0) 推荐(0)
摘要:CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种内联式css样式,直接写在现有的HTML标签中内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:这里字是红的css样式代码要写在style=""双引号中,如果有多条... 阅读全文
posted @ 2015-01-19 17:48 修行尚浅 阅读(149) 评论(0) 推荐(0)
摘要:认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。CSS样式的优势要把一段文字... 阅读全文
posted @ 2015-01-19 03:04 修行尚浅 阅读(142) 评论(0) 推荐(0)
摘要:使用标签,链接到别一个页面使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。链接显示的文本click here!在新建浏览器窗口中打开链接标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。如下代码:click here!使... 阅读全文
posted @ 2015-01-19 02:44 修行尚浅 阅读(117) 评论(0) 推荐(0)
摘要:使用表单标签,与用户交互表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:讲解:1. :标签是成对出现的,以开始,以结束。2.action:浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.method:数据传送的方式(get/p... 阅读全文
posted @ 2015-01-19 02:44 修行尚浅 阅读(184) 评论(0) 推荐(0)
摘要:使用ul,添加新闻信息列表ul-li是没有前后顺序的信息列表。 信息 信息 ......举例: 精彩少年 美丽突然出现 触动心灵的旋律ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:使用ol,添加图书销售排行榜语法: 信息 信息 ......举... 阅读全文
posted @ 2015-01-19 02:27 修行尚浅 阅读(169) 评论(0) 推荐(0)
摘要:语义化,让你的网页更好的被搜索引擎理解标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得... 阅读全文
posted @ 2015-01-19 02:08 修行尚浅 阅读(194) 评论(0) 推荐(0)
摘要:HTML+CSS基础课程Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2.CSS样式是表... 阅读全文
posted @ 2015-01-19 00:57 修行尚浅 阅读(153) 评论(0) 推荐(0)