第一种:在每个html中都有一个属性style,在style属性里面写css代码
格式:style="属性名称1:属性值;属性名称2:属性值"
例:
第一种结合方式
第二种:使用html的标签实现
格式:选择器{属性名称1:属性值;属性名称2:属性值}
例:
div {
background-color:red
}
p {
color:blue
}
第三种:首先创建css文件,在css文件中写css代码,其次在html文件的标签中实现
格式:@import url(css文件的路径)
第四种:引入外部的资源文件,使用头标签link实现
格式:
js和html的结合方式:
第一种:使用html的标签
格式:js代码
第二种:首先创建js文件,其次在html文件中引用
格式:
zend studio现在已经更名为emmet了,设置html和css等的提示方法:方法1、在不提示的项目上鼠标右键,打开菜单,选择Build Path->Configure Build Path,在弹出窗口中选择PHP Build Path->Add Folder...,把当前项目添加到build path。
如果函数突然不提示,可以先用这个方法检查build path有没有当前项目。但比较多情况是从外部导入项目(例如svn),会没有build path数据。
方法2、先取消菜单Project->Build Automatically的选中状态,再点击Project->Clean...清理项目,再重新选中Project->Build Automatically。这个方法我用得最多。
方法3、打开zend studion的wordspace目录(如果不知wrodspace目录在哪,可以打开菜单file->switch wordspace->other...查看),接着到这个文件夹,打开文件目录.metadata->.plugins->org.eclipse.core.runtime->.settings。到了.settings目录之后,删除org.eclipse.dltk.ui.prefs文件。然后刷新项目或重启Zend Studio。
使用eclipse自带的插件,无需另外安装插件,具体步骤如下1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist
修改Auto Activation triggers for java的值为:zjava 点击apply按钮
2.继续打开JavaScript→Editor→Content Assist
修改Auto Activation triggers for javaScript的值为:zjs 点击apply按钮
3.继续打开web→html Files→Editor→Content Assist
修改Prompt when these characters are inserted:的值为:zhtml 点击apply按钮
4.打开File→Export→Genral→Preferences→导出一文件到任意位置,然后用记事本打开此文件 ,Ctrl+F查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW
再查找 zjs 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW
再查找 zhtml 然后将其值改为 <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW
保存文件。
5.打开eclipse→File→Import→Genral→Preferences,导入刚刚编辑的文件后,所有设置完毕。