1、先启动DW软件,新建文档,文档类型选择【/HTML】-【XHTML1.0】,然后点击【创建】。
成都创新互联公司专注于企业全网整合营销推广、网站重做改版、孟津网站定制设计、自适应品牌网站建设、H5场景定制、商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为孟津等各大城市提供网站开发制作服务。
2、点击创建后,DW会为之创建一个HTML文件,我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码,style代表了这个div直接添加了CSS样式,这样就成功了。样式要在英文的引号中,否则是不起作用的。
对文本域添加css样式,这个是可以的通过获取到文本域的id或者是class来做的,这里我提交一段代码:
html
head
style
textarea{
height:800; //设置文本域的高度
widht:400px; //设置文本域的宽度
font-size:12px; //设置文本域的字体大小
color:#f00; //设置文本域的字体颜色
}
/style
/head
body
textarea
我是文本域文字,
/textarea
/body
在css设置可改变大小的div滚动条样式方法:
1.首先新建html文档,进入代码书写界面。
2.在/head和body的里面写入代码,在div里面写入想要输入的内容/div。
3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}
这里主要是设置外层轨道的形状和颜色。
4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}
这里主要是设置内层轨道的形状和颜色。
5.代码工作做完后,就可以查看效果,效果如下红框所示,滚动条设置完成。
1、创建使用css样式表有三种,分别是外部样式表,内部样式表和内联样式。下面通过一个小demo演示它们的用法,首先新建一个html文件,放入3个button按钮,给前两个按钮分别设置class属性为btn1和btn2:
2、接着准备一个css文件,命名为demo.css,在文件内写入按钮A的样式,保存css文件:
3、回到刚才的html文件,在style标签中用link标签引入上一步创建的css文件,这就是外联样式的用法,总结就是创建好的css文件内写好样式,然后在html文件中用link标签引入即可,这也是大部分网站使用的方法,因为其引入方便,管理起来也比较方便:
4、接着是内部样式表的使用,这里直接在head标签里创建style标签,在里面加入btn2的样式。对于内部样式表简单的html文件,内部样式是很方便的,但是结构复杂的html文件使用它就会让文件显得很混乱:
5、最后是内联样式的使用,直接在第三个标签内使用style属性加入样式就可以了:
6、最后保存html文件,打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法:
有四种方式,行内样式,内嵌式,链接和导入式
行内呢是在标签里直接写,比如div
style="text-align:center;
width:750px;"
内嵌是写在head/head之间,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋体";font-size:12px;
color:#000000;text-align:center}
--
/style
链接和导入没有什么太大的区别,需要简历外部CSS文件,在GW中按ctrl+n有那选项
之后在页面head/head之间加入CSS文件所在路径调用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
文章题目:css添加样式,js添加css样式
网站链接:https://www.cdcxhl.com/article38/dsihspp.html
成都网站建设公司_创新互联,为您提供服务器托管、做网站、定制开发、网页设计公司、搜索引擎优化、移动网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联