第一、打开2019版本的dw，没有的可以下载
第二、新建html和css
第三、给top赋予css样式时
1、点击css设计器
2、选择需要赋予样式的css文件
3、在媒体选择全局（代码多时可以选择需要赋予样式的地方）。
4、在选择器中选择需要赋予样式的 css代码（top）。
5、最后在属性中选择需要赋予的布局、文本、边框、颜色、更多。至于里面的css样式表代表什么意思，我就不多说了，鼠标放置在对应空白处就有相关提示，如有显示英文代码之类的，我就不清楚。了
您好，很高兴为您来作详细的解答，让我们共同探讨分享这个问题？
首先，从语义话角度来讲，您做的项目不够规范，而且类命名和文件夹的做法也不规范，class='listhtml',这是一个很不合格的类命名，虽然也可这么命名，直接用列表项和网页后缀名来给类命名，给人第一感觉这是一个列表页面。<img>图像文件存在了样式文件夹<style >下的<php>文件夹下，这些都是不规范的。 <style >文件夹下应该专门存放CSS样式表代码，<php>文件夹下应该专门存放php程序。
其次，您所写的页面框架全部都是内联样式的CSS代码，在浏览器渲染时会延时加载，虽然你在本机浏览时感觉不到有多慢，但放到线上服务器上线的时候访问页面就会很明显。所以在写CSS样式的时候尽量采用引入的方法来加载。<link href="**/**.css" rel="stylesheet" type="text/css" />，采用这种方法会更好。
然后，我们来讨论正点话题，您上面提及的是：“css怎么让p标签在父框架的顶部”，而下面又作补充“我想让标题和图片对齐开始，下面是图片和代码”。这就是可能您描述的不太清楚了，我个人的角度来理解，（您可能想要的效果是<P>标签的段落文字在图片上方，也就是说在<div class='listhtml'></div>这个块级元素上面，是吧！而“计生办 | 2019-04-09”是在图片下方显示。）如果是这样的话，就应该把<P>标签换成<h2>或者<h4>这样的标题标签。如果你想要的页面效果是图像在上，标题在下的话可以用<P>标签。其实方法有好几种的，你可以<ul><li>或者用<dl><dd>来做这些新闻列表更好。
最后，我用您的框架模式来演示一下，图像在上标题在下的方式供您参考。其中的定义结构和CSS样式代码都可以灵活变通的，这里只是展示效果。
