1打开Hbuilder编辑器，创建一个input框和button按钮，将它们横排摆放在一起2首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成3按crtl+s，在软件的右侧即可看到最终的效果以上就是用html制作搜索框的演示；可以直接放在需要的HTML文件中在head标签下，写上style标签，把css代码放在style标签中2可以新建一个css文件，比如indexcss，把这段css代码放进这个indexcss文件中然后在HTML文件中引入indexcss文件ltlink rel=quotstylesheetquot href=quotindexcssquot href写indexcss文件的路径。

在制作一个网页的时候，Css样式的添加一共有四种方式，一起来看看这四种方式一使用STYLE属性 将STYLE属性直接加在个别的元件标签里lt元件标签 STYLE=quot性质属性1 设定值1 性质属性2 设定值2 例如ltTD STYLE=quotCOLORBLUE fontsize9pt fontfamilyquot标楷体quot。

ltstyle 嵌入式一般写在head中，对于单个页面来说，这种方式很方便3导入式 lt！ 导入外部样式在内部样式表的ltstyleltstyle标记之间导入一个外部样式表，导入时用@import ltstyle type=quottextcssquot import quotjisuancssquotltstyle 4链接式 ltlink href=quotjisuancssquot；1首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可2打开软件，点击file，选择New project，在弹出的对话框中，选择static web选项中的html5，点击next，在新对话框中，输入项目名称，点击finish3新建一个文件，后缀为css4在body中添加一个元素h1，写上内容标题1。

1首先可以直接把css代码写在现有的HTML标签元素的开始标签里面，并且css样式代码要写在style=quotquot双引号中才可以，如ltp style=quotcolorredquot这里文字是红色ltp2如果想让HTML标签和css样式区分开来，可以采取将css样式代码写在ltstyle type=quottextcssquotltstyle标签之间，并且这里的ltstyle；lth1ltbodylthtml在stylecss中的代码为h1fontsize12pxcolor#000FFF我们在lthead中使用了ltlink标签来调用外部样式表文件将link指定为stylesheet方式，并使用了href=\quotstylecss\quot指明样式表文件的路径便可将该页面应用到在stylecss中定义的样式要嵌入多个样式表，需要多调用几次。

7我们新建一个css文件，把txt的文件后缀名改为css即可，之后打开就可以写入css代码了8我们用标签选择器为ltp标签ltdiv标签和ltspan标签的内容设置样式9我们使用，ltlink标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来10我们鼠标右击在弹出的下拉菜单中，我们选择“；lthtmlltstyle type=quottextcssquotdiv backgroundcolor blueltstyleltdivltdivlthtml 同在一个屋檐之下的一种表达方式，也是可以的，代码量可以加大，只是属于个人作品的一种表达方式，不是属于团队的开发之一3lthtmlltheadltlink rel=quotstylesheetquot type=quottextcssquot href=quot。

lthtml 使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误，要不然HTML文档是不会找到CSS样式的3内联引用 内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式，这种方法最直接，但是缺点也最明显，最大的问题就是代码繁冗，作用域也仅仅在定义的标签的作用范围如；二内部样式表在style标签中书写CSS代码style标签写在head标签中示例ltheadltstyle type=quottextcssquoth3colorredltstylelthead 例如lt！DOCTYPElthtmlltheadltmeta charset=quotutf8quot lttitle内部样式表lttitlelt！使用内部样式表引入CSSltstyle type=quottextcssquotdivback。

lineheight 11pt 那么你可以在indexhtm中重新定义th，只要在ltlink语句之后就有效，例如ltlink href=quotjsbodycssquot rel=quotstylesheetquot type=quottextcssquot ltstyle type=textcss th fontsize 13ptcolor #lineheight 18pt ltstyle 二如果只是部分th表格需要使用；什么是CSS样式，怎样定义和使用它样式就是定义如何显示HTML元素样式通常存储在样式表中在head标签内定义style标签，style标签体内写CSS代码 head metacharset=quotUTF8quot titleTitletitle style p colorblue style head body phelloCSSp body 更多前端知识，欢迎关注中公优。

然后可以能过 link 引入到html中，这里设置了两个属性的字体和颜色属性2在html文件中使用link标签引入刚刚写好的css样式表，其中href是相对路径，即相对于项目所在文件的路径然后写两个标签，引入上述css文件里的样式3最后打开浏览器，即可看到 上面的代码效果；1内联样式只是为单个元素指定一些CSS样式，就是在html的标签添加style属性，把样式直接写进去，例如ltp style=quotcolor grayquotThis is a testltp 2内嵌样式表就是把CSS样式写入当前html文档，用ltstyle标签包含进去，放在lthead里，例如lthead ltstyle type=quottextcssquot p color。

1直接在html标签元素内嵌入css样式，如ltdiv style=quotfontsize14px color#FF0000quot我是div css测试内容支持ltdiv 效果如下图 2在html头部head部分内style声明插入代码如下ltstyle type=quottextcssquot lt！ ceshi fontsize14px color#FF0000*这里是设置CSS的样式内容*。