扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
一般有四种方法:
创新互联专业为企业提供黄南州网站建设、黄南州做网站、黄南州网站设计、黄南州网站制作等企业网站建设、网页设计与制作、黄南州企业网站模板建站服务,十年黄南州做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1.p style="color: sienna;margin-left: 20px;"
直接把样式写在代码中格式是style=""
/p
2.link href="mystyle.css" rel="stylesheet" type="text/css" media="all"链接外部css文件,mystyle.css改成你的css路径
3.写到页面头部head/head之间
style type="text/css"
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/style
4.style type=”text/css”
!--
@import “mystyle.css”
其他样式表的声明
--
/style 用import导入css文件
其中第二种跟第三种方法比较常用!
dw中改css代码格式的方法如图:
CSS(层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
1、创建css样式,点击窗口\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建。
2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框。
3、选择要创建的css样式的内容。比如要为段落更改样式。
4、在弹出的定义对话框中,选择要更改的各种属性。比如把段落的字体大小改为16px,字体颜色改为红色。
5、点击确定,发现段落中的文字就出现了相应的效果。在head中条件了css样式代码。
dw里怎样设置图片的css样式
1、首先在文件内插入一张图片,点击插入\图像,选择一张图片即可。
2、选中图像,点击css样式窗口的+号,新建一个CSS(相关课程推荐:css视频教程) 样式,打开对话框。选择标签元素,下面就自动变为img,就是说为图像编辑规则。
3、比如要为图片编辑边框,就在弹出的对话框中选择边框,有三个属性可以更改,一个是类型,大小和颜色。可以根据需要选择。
4、在右侧的css面板上就多了个边框属性,代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。
5、如果要对该图像再进行修改,可以点击css样式窗口下的铅笔,在弹出的对话框中修改即可。
1、先启动DW软件,新建文档,文档类型选择【/HTML】-【XHTML1.0】,然后点击【创建】。
2、点击创建后,DW会为之创建一个HTML文件,我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码,style代表了这个div直接添加了CSS样式,这样就成功了。样式要在英文的引号中,否则是不起作用的。
font-size:12px;/*文字大小*/
color:#CCCCCC;/*文字颜色*/
font-family:Arial,Helvetica,sans-serif;/*设置字体*/
font-weight:bold;/*文字加粗*/
text-align:center;/*DIV标签内部水平方向居中或居左右*/
text-decoration:underline;/*下划线*/
line-height:150;/*行高*/
margin:10px05px0;/*容器外部边距*/
margin-top:10px;
padding:10px05px0;/*容器内部边距*/
float:left;/*1.仅在做列的结构才用2.用了float要用父DIV包起来*/
background-color:#999999;/*背景颜色*/
background-image:url(images/test.gif);/*背景图片*/
background-repeat:no-repeat;/*背景图片不平铺*/
background-position:5px10px;/*背景图片的位置,第一个为横坐标,第二个为纵坐标*/
list-style-type:none;/*消除ul无序列表li前面的小黑点*/
display:block;/*以块形式显示,通常用于链接中实现鼠标划过的效果*/
display:inline;/*当用了float时做靠边的DIV外边距出现翻倍情况时才使用,针对的是IE6的一个bug*/
border:1pxsolid#ccc;/*表格、DIV、LI、A等容器的边框属性,虚线是dashed*/
overflow:hidden;/*溢出部分隐藏*/overflow:auto;/*自动判断容器高度,从而选择自动出现/隐藏垂直滚动条*/
/*自动适应高度,并且兼容火狐的做法*/clear:both;overflow:hidden;
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流