dw如何设置文字css目标规则名称为.f

html-css05

dw如何设置文字css目标规则名称为.f,第1张

要设置文字css目标规则名称为.f,可以在css文件中添加以下代码:

.f {

/* 这里填写目标规则的样式属性 */

}

例如,可以设置.f元素的字体大小为18px,字体颜色为红色:

.f {

font-size: 18px

color: red

}

在html代码中,可以使用class属性为.f的元素应用该样式规则,例如:

<p class="f">这是一段带有.f类的段落文本</p>

可以通过查看页面渲染效果来验证该规则是否生效。

在DW里面css不可以随便命名。

在定义“类”时,“类名必须以英文字母或句号开头,不可包含空格或其它符号”,当你命名有错时,DW会提示你的(在CSS面板里新建CSS样式时)。还有,当你的类样式名和HTML的标签名一样时,也会提示你(比如说一个类取名为body),提示为:“body是标准HTML标签,你确定要把它作类名吗?”如果这样命名,倒是不一定会出问题,但是既然DW提示了,就最好不要这么命名。

至于给ID或标签还有复合内容加上CSS,这个是要看你给哪个元素,怎么的标签之类的问题来定了,相对命名宽松一些吧。

到底怎么命名不可以,你多用DW试试就了解了。

而命名呢,最好有意义,比如说给一个DIV加上ID,这样命名为好:(<div id="div1"></div>)或(<div id="adiv"></div>)这样命名,以后看CSS代码时,大概就能知道,哪个是给DIV加的CSS了。

不知道是不是回答了你的问题。

在dw更换css文件

css 在 head 标签里,title标签下一行 例如 <link rel="stylesheet" href="css/style.css">,href里面是路径,在DW里一半打到href 就会有代码提示,回车就能出现一个选择路径的框。

js 像是jquery-1.9.1.min.js 这样的可以放到 刚刚我说的 css引入的代码下一行,例如:

<head>

<meta charset="UTF-8">

<title>alertWindow</title>

<link rel="stylesheet" href="css/style.css">

<script src="js/jquery-1.9.1.min.js"></script>

</head>

若是功能性的js文件一般放到 </body>就是body结束标签之前比较好。