地方农村电商平台网站设计思路,dw做简单小说网站,360搜索引擎,深圳网站制作与建设公司Python/Spring Cloud Alibaba开发–前端复习笔记#xff08;1#xff09;———— html5和css3.html基础
1)概述和基本结构
超文本标记语言。超文本指超链接#xff0c;标记指的是标签。 基本结构#xff1a;
!DOCTYPE html 文档声明
html lang”en”…Python/Spring Cloud Alibaba开发–前端复习笔记1———— html5和css3.html基础
1)概述和基本结构
超文本标记语言。超文本指超链接标记指的是标签。 基本结构
!DOCTYPE html 文档声明
html lang”en” 定义网页的语言 en为英文zh-CN为中文
headmeta charset”UTF-8”
title网页标题/tiltle
/head
body你好欢迎访问我的个人网页
/body
/html2html分类
xhtml1.0文档类型 文档声明、编码声明、网页语言声明长。 区别a。文档声明和编码声明 b。html5新增了标签元素以及元素属性
3注释
!--这是注释-- 两个横杆4标题标签
h1h2h3h4h5h6 可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系。
5段落标签
p文字/p段落标签中开头处不识别空格内容中只识别一个空格。 识别符nbsp为空格 lt为小于号 gt为大于号 换行
6块标签、含样式的标签
1块标签
标签 块元素表示一块内容没有具体的语义 标签 行内元素表示一行中的一小段内容没有具体的语义 p段落标签有样式行距等div块标签没有样式。 2含样式和语义的标签
em标签表示语气中的强调词斜体 i标签表示专业词汇斜体 b标签表示文档中的关键字或者产品名加粗 strong标签表示非常重要的内容加粗
3语义化标签
h1 标题p 段落ul、li 列表a 链接dl、dt、dd 定义列表
7图像标签、绝对路径和相对路径
1图像标签
img src”images/001.jpg” alt”产品图片” /src属性 定义图片的引用地址 alt属性 定义图片加载失败时显示的文字搜索引擎会使用这个文字收录图、盲人读屏软件会读取这个文字让盲人识别图片所以此属性非常重要。
2绝对路径和相对路径
绝对路径相对于磁盘的位置去定位 文件的位置 相对路径相对于当前文件的位置去定位文件的位置 ./ 表示当前目录可以省略 …/ 表示上一层目录
8)链接标签 定义一个链接地址 常用属性 href属性 定义跳转的地址 title属性 定义鼠标悬停时弹出的提示文字框 target属性 定义链接窗口打开的位置 target”self” 缺省值新页面替换原来的页面在原来的位置打开 target”_blank”新页面会在新开的一个浏览器窗口打开 跳转到页面顶部
9列表标签
有序列表 会自动给内容加序号 可以使用ol, li配合使用来实现。
ollilistcontent1/lililistcontent2/lililistcontent3/li
/ol快捷键定义 olli*3 然后按tab键 无序列表 可以用来做新闻标题等 可以使用ul, li配合使用来实现。 在css中使用List-style:none 去掉列表前的点。
ullia href”#”news1/a/lilia href”#”news2/a/lilia href”#”news3/a/li
/ul快捷键定义ul(lia{新闻标题})*3 然后按tab键 定义列表 dl标签表示列表的整体dt标签定义术语的题目dd标签是术语的解释。
2.表格标签和传统布局
1html表格 声明一个表格 属性 border 定义表格的边框设置值是数值 cellpadding 定义单元格内容与边框的距离设置值是数值 cellspacing 定义单元格与单元格之间的距离设置值是数值 align 设置整体表格相对于浏览器窗口的水平对齐方式设置值有left|center|right 定义表格的一行 定义一行中的一个单元格td代表普通单元格th表示表头单元格。 属性 align 设置单元格中内容的水平对齐方式设置值有left|center|right valign 设置单元格中内容的垂直对齐方式 top|middle|bottom colspan 设置单元格水平合并设置值是数值 rowspan 设置单元格垂直合并设置值是数值 快捷操作table(trtd*5)*6 创建6行5列的表格
2页面布局
一般分为两种
1table布局
即传统布局将页面空间划分成若干个单元格将文字或图片等元素放入单元格中隐藏表格的边框从而实现布局。目前主要应用在EDM广告邮件中的页面中。 布局复杂时在table中嵌套表格
2htmlcss布局DIVCSS
通过CSS样式设置来布局文字或图片等元素需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图定位等知识来布局比传统布局更复杂目前是主流。
3.html表单
表单用于搜集不同类型的用户输入表单由不同类型的标签组成。
1form标签
定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式一般有“get”方式和“post”方式
2 label
表单元素定义文字标注
3 input
定义通用的表单元素 type属性“text”定义单行文本输入框“password”定义密码输入框“radio”定义单选框“checkbox“定义复选框”file“定义上传文件”submit“定义提交按钮”reset“定义重置按钮”image“定义图片作为提交按钮用src属性定义图片地址”hidden“定义一个隐藏的表单域用来存储值select属性定义复选框option定义选项。 value属性 定义表单元素的值 name属性 定义表单元素的名称此名称是提交数据时的键名
4.CSS基本语法
层叠样式表html只负责文档的结构和内容表现形式完全交给CSS。 css的定义方法 选择器 {属性值属性值 }
div{font-size:16px;
color:ed;
}css页面引入方法
1外联式
在html文件的head中加入 link rel”stylesheet” type”text/css” href”./css/main.css” href为css文件地址
2嵌入式
通过style标签在网页上创建嵌入的样式表
style type”text/css”
div{ width:100px; height:100px; color:red }3内联式
通过标签的style属性在标签上直接写样式
div style”width:100px; height:100px; color:red”……/div
15.CSS常用文本样式
字号 font-size颜色 color字体 font-family斜体 font-style加粗 font-weight行高 line-height 可以使用span标签进行特定的样式设置
6.CSS样式选择器
css颜色值表示方法 1颜色名表示如 red gold 2rgb表示 如 rgb25500红色 316进制数值表示#ff0000 表示红色可以简写为#f00
1)标签选择器
尽量应用在层级选择器中。 * 所有标签
2id选择器
通过id名来选择元素元素的id名称不能重复。但id名一般给程序使用所以不推荐使用id作为选择器。 例如 div id“div1”第一个div/div 设置id 在head的style中设置样式 #div1{}中设置样式
3类选择器
通过类名来选择元素一个类可以应用于多个元素一个元素也可以使用多个类应用最多的一种选择器。 设置类选择器
.green{colorgreen}div class“green”这是第一个div/div4层级选择器
主要应用在选择父元素下的子元素或者子元素下面的子元素可与标签元素结合使用减少命名同时也可以通过层级防止命名冲突。
5组选择器
类选择器中相同的样式可以用组选择器共同定义类名用逗号隔开
6伪类及伪元素选择器
常用的伪类选择器由hover表示鼠标悬浮在元素上时的状态伪元素选择器有before和after它们可以通过样式在元素中插入内容。 类名后加冒号定义 .box: hover{color:red} 鼠标悬停在元素上时元素变为红色 .box: before{content: “dd”} 在标签元素前面增加文字 dd after可以在元素后面增加文字
7.盒子模型
1)模型理解
元素在也页面中显示成一个方块把元素叫做盒子设置对应的样式分别为盒子的宽度width、盒子的高度height、盒子的边框border、盒子内的内容和边框之间的间距padding、盒子与盒子之间的间距margin。 定义一个类选择器在选择器中定义属性
2设置宽高
width200px
height200px3设置边框
border-top10px solid #000 设置顶边框10px粗实线黑色
border-left10px dashed #000 虚线
border-right10px dotted #000点线
border-bottom 底部边框
border10px solid #000 同时设置四个边4内容和边框间距
padding-top、padding-left、padding-right、padding-bottom 修改之后整体盒子变大width和height设置的是内容的宽高。 可以使用padding直接设置顺时针设置。
padding20px 80px 100px这是设置上边、左右、下边的距离
padding20px这是同时设置四条边的距离5设置外间距margin
margin-top、margin-left 盒子与外界的距离
6盒子真实尺寸
宽度 width左右paddingwidth左右borderwidth 高度height上下paddingheight上下borderheight line-height text-indent 行高和首行缩进可以避免盒子尺寸发生变化。
8.margin和overflow属性
1margin使用技巧
margin50px auto 100px左右边框会随着总界面大小的变化而变化。 1marginx auto 设置元素水平居中 2margin负值让元素位移及边框合并
2外边距合并
外边距合并指的是当两个垂直外边距相遇时它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方法 1使用这种特性 2设置一边的外边距一般设置margin-top 3将元素浮动或者定位
3margin-top 塌陷
在两个盒子嵌套时候内部的盒子设置的margin-top会加到外边的盒子上导致内部的盒子margin-top设置失败解决方法 1外部盒子设置一个边框 2外部盒子设置overflowhidden 3使用伪元素类
.clearfix: before{content:””;display:table;
}4css元素溢出
当子元素的尺寸超过父元素的尺寸时需要设置父元素显示溢出的子元素的方式设置的方法是通过overflow属性来设置。 overflow的设置项 1visible默认值内容不会被修剪会呈现在元素框之外。 2hidden内容会被修剪并且其余内容是不可见的此属性还有清除浮动、清除margin-top塌陷的功能。 3scroll内容会被修剪但是浏览器会显示滚动条以便查看其余的内容。 4auto如果内容被修剪则浏览器会显示滚动条以便查看其余的内容。 5inherit规定应该从父元素继承overflow属性的值
9.display属性
1块元素
也称为行元素常用标签如div, p, ul, li, h1~h6, dl, dt, dd等都是块元素它在布局中的行为 a 支持全部的样式 b 如果没有设置宽度默认的宽度为父级宽度100% c 盒子占据一行即使设置了宽度
2内联元素
也称为行内元素布局中常用的标签如a, span, em, b, strong, i等都是内联元素它们在布局中的行为 a 支持部分样式不支持宽、高、margin上下、padding上下 b 宽高由内容决定 c 盒子并在一行 d 代码换行盒子之间会产生间距 e 子元素是内联元素父元素可以用text-align属性设置子元素水平对齐方式 解决内联元素间隙的方法 a 去掉内联元素之间的换行 b 将内联元素的父级设置font-size为0内联元素自身再设置font-size
3内联块元素
也称为行内块元素img和input元素的行为类似这种元素但是也归类于内联元素我们可以用display属性将块元素或者内联元素转化成这种元素在布局中的行为 a 支持全部样式 b 如果没有设置宽高宽高由内容决定 c 盒子并在一行 d 代码换行盒子会产生间距 e 子元素是内联块元素父元素可以通过text-align属性设置子元素水平对齐方式
4display属性
none 元素隐藏且不占位置 block 元素以块元素显示 inline 元素以内联元素显示 inline-block 元素以内联块元素显示
10.浮动
父级盒子不给高度子集盒子浮动子集盒子“撑不开”父级盒子父级盒子需要清除浮动 特性 1浮动元素有左浮动float:left和右浮动float:right两种 2浮动的元素会向左或向右浮动碰到父元素边界、其他元素才停下来 3相邻浮动的块元素可以并在一行超出父级宽度就换行 4浮动让行内元素或块元素自动转化为行内块元素此时不会有行内块元素间隙问题 5浮动元素后面没有浮动的元素会占据浮动元素的位置没有浮动的元素内的文字会避开浮动的元素形成文字绕图的效果 6父元素如果没有设置尺寸一般是高度不设置父元素内整体浮动的元素无法撑开父元素父元素需要清除浮动 7浮动元素之间没有垂直margin的合并
清除浮动
1父级上增加属性overflow:hidden 2在最后一个子元素的后面加一个空的div给它样式属性clear:both不推荐 3使用成熟的清浮动样式类clearfix
.clearfix:after{content:;display:table;clear:both;将上面的类选择器加到父类class中。同时这个类可以与clearfix:before搭配使用合成一个组选择器解决margin-top塌陷的问题。
.clearfix{ zoom:1 }IE浏览器专用兼容。
11定位
文档流盒子按照html标签编写的顺序依次从上到下从左到右排列块元素占一行行内元素在一行之内从左到右排列先写的先排列后写的排在后面每个盒子占据自己的位置。
1关于定位
使用css的position属性来设置元素的定位类型position设置如下 1relative生成相对定位元素元素所占据的文档流的位置保留元素本身相对自身原位进行偏移 2absolute 生成绝对定位元素不占据文档流位置定位时相对于上一个设置了定位的父级元素来进行定位如果找不到则相对于body元素进行定位。 3fixed生成固定定位元素脱离文档流相对于浏览器窗口定位 4static默认值没有定位出现在正常的文档流中 5inherit 从父元素继承position属性的值
2定位元素的偏移
使用right、left、top、bottom来设置相对于参考元素的偏移值。
12.background属性
1设置项
background-color 设置背景颜色
background-image 设置背景图片地址
background-repeat 设置背景图片如何重复平铺
background-position 设置背景图片的位置水平方向“left、center、right”垂直方向“top、center、bottom”。
background-attachment 设置背景图片是固定还是随着页面滚动条滚动
position属性中左右移动时负值向左正值向右。上下移动时负值向上正值向下。2雪碧图
ps制作雪碧图 1.使用photoshop新建一张背景透明的图片 2.将小图片复制到此图片中排列好每个图像的位置图片幅面不够可以用画布大小调整大小 3.按照所有小图片的范围裁剪图片存为透明背景的png图片 13.前端页面开发流程 1创建页面项目目录 2使用photoshop对效果图切图切出网页制作中需要的小图片 3将装饰类图像合并制作成雪碧图 4结合photoshop和代码编辑器参照效果图进行html和css代码书写制作页面。
14.html5与CSS3
1css权重
权重高的样式对元素起作用。 权重等级 1 !important 加载样式属性值后权重值为10000 2内联样式如style“”权重值为1000 3ID选择器如#content权重值为100 4类、伪类和属性选择器如content、:hover权重值为10 5标签选择器和伪元素选择器如div、p、:before权重值为1 6通用选择器*、子选择器、相邻选择器、同胞选择器~、权重值为0
2css新增选择器
1E:nth-child(n)
匹配元素类型为E且是父元素的第n个子元素
2E:first-child
匹配元素类型为E且是父元素的第一个子元素
3E:last-child
匹配元素类型为E且是父元素的最后一个子元素
4EF
E元素下面第一层子元素
5E~F
E元素后面的兄弟元素
6EF
紧挨着的后面的兄弟元素 属性选择器 1E[attr]含有attr属性的元素 2E[attr‘ok’] 含有attr属性的元素且它的值为“ok” 3E[attr^‘ok’] 含有attr属性的元素且它的值开头含有“ok” 4E[attr$‘ok’] 含有attr属性的元素且它的值结尾含有“ok” 5E[attr*‘ok’] 含有attr属性的元素且它的值中含有“ok”
3css3 圆角、rgba
1圆角
设置某一个角的圆角比如设置左上角的圆角 border-top-left-radius:30px 60px; 同时设置四个角 border-radius:30px 60px 120px 150px; 顺序为顺时针
2rgba
a 盒子透明度表示法
.box
{opacity:0.1;
filter:alpha(opacity10); 兼容IE
}b rgba(0,0,0,0.1)前三个数值表示颜色第四个数值表示颜色的透明度
4css3 transition动画
1transition-property设置过渡的属性如width height background-color 2transition-duration 设置过渡的时间如1s 500ms 3transition-timing-function 设置过渡的运动方式常用linear匀速 ease缓冲 4transition-delay设置动画的延迟 5transition: property duration timing-function delay 同时设置四个属性
5css3 transform变换 翻面
1translate(x, y) 设置盒子位移 2scale(x, y) 设置盒子缩放 3rotate(deg) 设置盒子旋转 4skew(x-angle, y-angle) 设置盒子斜切 5perspective 设置透视距离 6transform-style flat|preserve-3d 设置盒子是否按3d空间显示 7translateX、translateY, translate 设置三维移动 8rotateX, rotateY, rotateZ 设置三维旋转 9scaleX, scaleY, scaleZ 设置三维缩放 10transform-origin 设置变形的中心点 11backface-visibility 设置盒子背面是否可见
6css3 animation动画
1keyframes 定义关键帧动画 2animation-name 动画名称 3animation-duration 动画时间 4animation-timing-function 动画曲线 linear匀速ease缓冲steps步数 5animation-delay 动画延迟 6animation-iteration-count 动画播放次数 n|infinite 7animation-direction 动画结束后是否反向还原 normal|alternate 8animation-play-state 动画状态 paused停止|running运动 9animation-fill-mode 动画前后的状态 none|forwards结束时停留在最后一帧|backwards开始时停留在定义的开始帧|both前后都应用 10animation:name duration timing-function delay iteration-count direction; 同时设置多个属性。
7css3浏览器前缀
1浏览器样式前缀
为了让css3样式兼容需要将某些样式加上浏览器前缀 -ms- 兼容ie浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome和safari
2自动添加浏览器前缀
交给插件如安装autoprefixer
8html5新增标签
新增语义标签 header 页面头部、页眉 nav 页面导航 article 一篇文章 section 文章中的章节 aside 侧边栏 footer 页面底部页脚 音频视频
audiovideo9html5新增表单控件
网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索
label网址:/labelinput typeurl name requiredbrbr
label邮箱:/labelinput typeemail name requiredbrbr
label日期:/labelinput typedate namebrbr
label时间:/labelinput typetime namebrbr
label星期:/labelinput typeweek namebrbr
label数量:/labelinput typenumber name brbr
label范围:/labelinput typerange namebrbr
label电话:/labelinput typetel namebrbr
label颜色:/labelinput typecolor namebrbr
label搜索:/labelinput typesearch namebrbr新增常用表单控件属性 1placeholder 设置文本框默认提示文字 2autofocus 自动获得焦点 3autocomplete 联想关键词
15.移动端页面开发
1移动端与pc端页面布局区别
1视口
将pc端页面缩放到移动端窗口的大小。 使用meta标签name”viewport”来设置视口的大小将视口的大小设置为和移动设备可视区一样的大小。 快捷键meta:vptab
2视网膜屏幕retina屏幕清晰度解决方案
视网膜屏幕屏幕的物理像素密度更高的屏幕。物理像素点比一般屏幕的多。 图像在视网膜屏幕和一般屏幕上显示的一样大但视网膜屏幕的物理像素点比一般屏幕的小图像在上面好像是被放大了图像会变得模糊。为了解决这一问题可以使用比原来大一倍的图像然后用css样式强制把图像的尺寸设为原来图像尺寸的大小。 background新属性 background-size: length用长度值指定背景图像大小。不允许负值。 percentage用百分比指定背景图像大小。不允许负值。 auto背景图像的真实大小。 cover将背景图像等比缩放到完全覆盖容器背景图像有可能超出容器。 contain将背景图像等比缩放到宽度或高度与容器的宽度或高度相等背景图像始终被包含在容器内。
2适配布局类型
1pc及移动端页面适配方法
a 全适配响应式布局流体布局 b 移动端适配流体布局少量响应式布局 / 基于rem的布局
2流体布局
使用百分比来设置元素的宽度元素的高度按实际高度写固定值。可以使用样式中的计算函数calc()来设置宽度或者使用box-sizing属性将盒子设置为从边线计算盒子尺寸。
calc()通过计算的方式给元素加尺寸
box-sizingcontent-box 默认的盒子尺寸计算方式 border-box 设置盒子的尺寸计算方式为从边框开始盒子的尺寸边框和内填充算在盒子尺寸内
3响应式布局
使用媒体查询的方式通过查询浏览器宽度不同的宽度应用不同的样式每个样式块对应的是该宽度下的布局方式从而实现响应式布局。
4基于rem的布局
em单位是参照元素自身的文字大小来设置尺寸rem指的是参照根节点的文字大小根节点指的是html标签设置html标签的文字大小其他的元素相关尺寸设置用rem这样所有元素都有了统一的参照标准改变html的大小就会改变所有元素用rem设置的尺寸大小。 cssrm插件可以动态地将px尺寸换算成rem尺寸。 文章转载自： http://www.morning.dnvhfh.cn.gov.cn.dnvhfh.cn http://www.morning.pypbz.cn.gov.cn.pypbz.cn http://www.morning.hhnhb.cn.gov.cn.hhnhb.cn http://www.morning.cfocyfa.cn.gov.cn.cfocyfa.cn http://www.morning.flqkp.cn.gov.cn.flqkp.cn http://www.morning.dnbhd.cn.gov.cn.dnbhd.cn http://www.morning.xyrss.cn.gov.cn.xyrss.cn http://www.morning.ntwfr.cn.gov.cn.ntwfr.cn http://www.morning.bpp999.com.gov.cn.bpp999.com http://www.morning.pghgq.cn.gov.cn.pghgq.cn http://www.morning.trsmb.cn.gov.cn.trsmb.cn http://www.morning.blqsr.cn.gov.cn.blqsr.cn http://www.morning.hxpsp.cn.gov.cn.hxpsp.cn http://www.morning.ybnzn.cn.gov.cn.ybnzn.cn http://www.morning.jgcyn.cn.gov.cn.jgcyn.cn http://www.morning.bbyqz.cn.gov.cn.bbyqz.cn http://www.morning.thxfn.cn.gov.cn.thxfn.cn http://www.morning.wqrdx.cn.gov.cn.wqrdx.cn http://www.morning.cokcb.cn.gov.cn.cokcb.cn http://www.morning.ppghc.cn.gov.cn.ppghc.cn http://www.morning.iznek.com.gov.cn.iznek.com http://www.morning.bybhj.cn.gov.cn.bybhj.cn http://www.morning.pndhh.cn.gov.cn.pndhh.cn http://www.morning.fbjqq.cn.gov.cn.fbjqq.cn http://www.morning.ndzhl.cn.gov.cn.ndzhl.cn http://www.morning.pgcmz.cn.gov.cn.pgcmz.cn http://www.morning.lkbyj.cn.gov.cn.lkbyj.cn http://www.morning.tpmnq.cn.gov.cn.tpmnq.cn http://www.morning.mhrzd.cn.gov.cn.mhrzd.cn http://www.morning.mkydt.cn.gov.cn.mkydt.cn http://www.morning.hdzty.cn.gov.cn.hdzty.cn http://www.morning.sdamsm.com.gov.cn.sdamsm.com http://www.morning.slfmp.cn.gov.cn.slfmp.cn http://www.morning.dqwykj.com.gov.cn.dqwykj.com http://www.morning.btqrz.cn.gov.cn.btqrz.cn http://www.morning.yhljc.cn.gov.cn.yhljc.cn http://www.morning.ngqdp.cn.gov.cn.ngqdp.cn http://www.morning.rbyz.cn.gov.cn.rbyz.cn http://www.morning.zqdhr.cn.gov.cn.zqdhr.cn http://www.morning.gyzfp.cn.gov.cn.gyzfp.cn http://www.morning.xwlmg.cn.gov.cn.xwlmg.cn http://www.morning.jncxr.cn.gov.cn.jncxr.cn http://www.morning.zrbpx.cn.gov.cn.zrbpx.cn http://www.morning.bnlch.cn.gov.cn.bnlch.cn http://www.morning.qsy36.cn.gov.cn.qsy36.cn http://www.morning.lynmt.cn.gov.cn.lynmt.cn http://www.morning.nlkjq.cn.gov.cn.nlkjq.cn http://www.morning.yxshp.cn.gov.cn.yxshp.cn http://www.morning.hxmqb.cn.gov.cn.hxmqb.cn http://www.morning.qpnmd.cn.gov.cn.qpnmd.cn http://www.morning.nhzps.cn.gov.cn.nhzps.cn http://www.morning.yrnyz.cn.gov.cn.yrnyz.cn http://www.morning.dbrnl.cn.gov.cn.dbrnl.cn http://www.morning.lqypx.cn.gov.cn.lqypx.cn http://www.morning.jjhrj.cn.gov.cn.jjhrj.cn http://www.morning.bqmsm.cn.gov.cn.bqmsm.cn http://www.morning.mnwsy.cn.gov.cn.mnwsy.cn http://www.morning.ymwrs.cn.gov.cn.ymwrs.cn http://www.morning.wcft.cn.gov.cn.wcft.cn http://www.morning.xtlty.cn.gov.cn.xtlty.cn http://www.morning.bpptt.cn.gov.cn.bpptt.cn http://www.morning.gbxxh.cn.gov.cn.gbxxh.cn http://www.morning.fhrt.cn.gov.cn.fhrt.cn http://www.morning.kfmlf.cn.gov.cn.kfmlf.cn http://www.morning.jpfpc.cn.gov.cn.jpfpc.cn http://www.morning.rhjhy.cn.gov.cn.rhjhy.cn http://www.morning.wtxdp.cn.gov.cn.wtxdp.cn http://www.morning.wyfpc.cn.gov.cn.wyfpc.cn http://www.morning.dxhnm.cn.gov.cn.dxhnm.cn http://www.morning.sthgm.cn.gov.cn.sthgm.cn http://www.morning.chhhq.cn.gov.cn.chhhq.cn http://www.morning.rglzy.cn.gov.cn.rglzy.cn http://www.morning.gwxwl.cn.gov.cn.gwxwl.cn http://www.morning.wsgyq.cn.gov.cn.wsgyq.cn http://www.morning.dxpqd.cn.gov.cn.dxpqd.cn http://www.morning.ghxtk.cn.gov.cn.ghxtk.cn http://www.morning.qyxnf.cn.gov.cn.qyxnf.cn http://www.morning.rwls.cn.gov.cn.rwls.cn http://www.morning.yrddl.cn.gov.cn.yrddl.cn http://www.morning.sxlrg.cn.gov.cn.sxlrg.cn
