2020年03月_前端基础开发

原创 CSS小结：一行内文本超出指定宽度溢出的处理

看到标题你一定很容易就会想到截断文字加“...”的做法。哈哈，就是这样。其实写这篇日志也只是把这样方法做个记录，因为好像还有很多人不记得遇到这样的情况该如何处理。　　　一般的文字截断（适用于内联与块）：.text-overflow {display:block;/*内联对象需加*/width:31em;word-break:keep-all;/* 不换行 */white-spac...

2020-03-03 21:38:11 3711 1

原创 WEB标准中细线表格的实现方法

随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证!<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>细线表格简单实现</title>...

2020-03-03 21:37:31 3587

原创网页制作知识之详细讲解CSS选择符

一.选择符模式模式/含义/内容描述*匹配任意元素。(通用选择器)E匹配任意元素 E (例如一个类型为 E 的元素)。(类型选择器)E F匹配元素 E 的任意后代元素 F 。(后代选择器)E > F匹配元素 E 的任意子元素 F 。(子选择器)E:first-child当元素 E 是它的父元素中的第一个子元素时，匹配元素 E 。(:first-chi...

2020-03-03 21:36:49 988

原创详细讲解CSS特殊选择符伪类的应用技巧

伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。1. 语法伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：selector:pseudo-class {property: value}（选择符:伪类 {属性: 值}）伪类和类不同，是CSS已经定义好的，不能象类选择符一样随...

2020-03-03 21:36:14 842

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：　　第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。　　另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束...

2020-03-03 21:34:56 1007

原创网页中使用CSS样式表的五种方法

一、使用STYLE属性将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如：<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点是可灵巧应用样式於各标签中，但是缺点...

2020-03-02 20:34:28 3152

原创 CSS网页制作时实现自动换行的小技巧

大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！　　对于div　　1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;w...

2020-03-02 20:33:21 883

原创 CSS制作网页时的优化与技巧

使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。　　明确定义单位，除非值为0　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0...

2020-03-02 20:32:34 845

原创 CSS特点及加入网页的四种方法

CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐!　　前言　　CSS(Cascading Stylesheet...

2020-03-02 20:31:34 1329

原创 CSS控制网页中文本的技巧

控制文字的样式包括文字大小写、文字修饰两个部分。　　1.文字大小写　　文字大小写使网页的设计者不用在输入文字时就完成文字的大小写，而可以在输入完毕后，再根据需要对局部的文字设置大小写。　　基本格式如下:　　text-transform: 参数　　参数取值范围:　　·uppercase:所有文字大写显示　　·lowercase:所有文字小写显示　　·capitaliz...

2020-03-02 20:30:48 1023

原创实践DIV＋CSS网页布局入门指南

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无...

2020-03-02 20:29:54 777

原创 web设计和制作中虚线的实现

在设计和制作网页过程中，常常需要加入虚线分割线，像腾讯、搜狐、新浪首页都有灰色虚线的应用。但是虚线的实现，无论在设计中还是后面的制作中都不太容易。（一）设计中实现虚线总结以下photoshop画虚线的几种方法（只讨论直线）：（1）使用画笔—点击“画笔笔尖形状”，调整“间距”这种方法简便，制作出的虚线点分布均匀，通过描边路径可以画出任意形状的虚线。...

2020-03-01 20:01:46 7180 1

原创如何设计一个吸引访问者的网站主页？

1.你的网站首页应该有什么？你网站的主页必须包含清晰的信息。最重要的主页应该遵循新的趋势。不应该有不必要的信息干扰用户或与网站目的无关的信息。所有的数据必须整洁有序，最好是段落，以便用户更容易和舒适地阅读和处理信息。如果广告产品或服务，使用图片和视频，让用户更好地了解你的产品或服务是什么，它提供什么。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，...

2020-03-01 19:58:49 4120 1

原创 Web设计之颜色设计让你的网站熠熠生辉

今天给大家讲讲Web Design中的颜色设计（Color Design）。当你第一次点进一个网页时，吸引你的第一眼是什么？内容？字体？布局？都不是，最吸引你第一眼的，是颜色。为什么会这样？科学的解释是，颜色是通过眼、脑和我们的生活经验所产生的对光的视觉感受，而且是直接的，没有进行任何思考的感受，而网页中的其他部分，很多都是要经过我们大脑过滤以后才会被记住。Web设计中为什么对主题色设...

2020-03-01 19:58:07 2257

web前端基础入门教程