css
-
CSS教程(四)如何在网页中插入CSS
前两章我们了解了css的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中?l…
-
CSS教程(五)如何使用DW4创建CSS
1. css styles面板 通过前面几章的学习,相信大家对css有了一定的了解,这一章我们来讲解如何利用dreamweaver4来创建css。首先运行dreamweaver4,启动后,选择菜单下的windows->css styles(或按shitf+f11),系统弹出css styles…
-
CSS教程(六) DW4中CSS属性详解
在dreamweaver4的css样式里包含了w3c规范定义的所有css1的属性,dreamweaver4把这些属性分为type(类型)、background(背景)、block(块)、box(盒子)、border(边框)、 list(列表)、positioning(定位)、extensions(扩…
-
CSS教程(七) 滤镜
css提供了一些内置的多媒体滤镜特效,使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的html元素上,例如图片、文本容器、以及其他一些对象。dreamweaver4提供了16种滤镜可供选择,如下图: 下面,我们就来看看在dreamweaver4里如何方便的使用这些css滤镜。 建立一个自定义…
-
CSS教程(八) 简单介绍CSS结合JS的运用
八、 简单介绍css结合js的运用(针对事件动作) 利用css配合javascript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下css配合js的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,javascript 通过对事件进行响应来获得与用户的交互。例如,当用户单击…
-
使用css实现加载中动画效果
css实现加载中动画效果如下: html 加载中 css 立即学习“前端免费学习笔记(深入)”; .ui-loading-wrap { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; text-al…
-
如何使用css去除浏览器对表单赋予的默认样式
我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,并且在火狐及谷歌浏览器下,多行文本框textarea还可以自由拖拽拉大,另外还有在ie10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉,等等。不容置疑,这…
-
说说css中link和@import的区别
我们都知道link与@import都可以引入css样式表,那么这两种的区别是什么呢?先说说它们各自的链接方式,然后说说它们的区别~~~ link链入的方式: @import导入的方式: @import url(‘index.css’); 优先级:嵌入样式 > 内部样式表 > 导入样式表…
-
详解css的writing-mode文字排版属性的用法
语法: writing-mode : lr-tb | tb-rl /* 关键字值 */ writing-mode: horizontal-tb; /* 默认值 */ writing-mode: vertical-rl; writing-mode: vertical-lr; /* 全局值-关键字inh…
-
用css写三角形的方法
*{ margin:0; padding:0; font-size:12px; font-family:Verdana, “宋体”, Arial; line-height:1.8; list-style:none;}#info,#nav{ margin:50px; border:1px dashed…