博文纲领：
门户网站怎样写CSS
1、间距统一：如所有区域和模块之间的间距上下左右统一为8像素。颜色统一：如新闻列表颜色统一为#333。总结：门户网站编写CSS时，应注重重构与重用性、结构与表现的分离、命名约定、特色CSS框架的构建、搜索引擎优化以及细节的统一。通过遵循这些要点，可以编写出高效、可维护且符合门户网站特色的CSS代码。
2、搭建网站框架结构：在Dreamweaver这类软件中用div布局出网站的结构骨架。布局方法一般是“从大到小”。4填充网站内容：这里要用到html，可以在DW中写html，也可以在记事本中写；在这一步中将网站的内容填充满。
3、：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性，等，@import就只能加载CSS了。2：加载时间及顺序不同。
4、应用了CSS RESET的网站示例： tmall：作为大型电商平台，tmall在网页设计中使用了CSS RESET，以确保其网页在不同浏览器上的显示效果一致。 tudou：土豆网作为视频分享网站，也采用了CSS RESET技术，以确保视频播放页面和其他页面在不同浏览器上的样式一致性。
5、或XML（标准通用标记语言的一个子集）等文件样式的计算机语言表示。有三种方法可以在站点网页上使用CSS：外联式Linking（也叫外部样式）：将网页链接到外部样式表。嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
6、文字导航 网站建设时尽量使用最普通的HTML文字导航，不要使用图片作为导航链接，更不要使用JavaScript生成导航系统。CSS也可以设计出很好的视觉效果。点击距离及扁平化 对于权重普通的网站，内页离首页不要超过四五次点击。要做到这一点，通常应该在链接结构上使网站尽量扁平化。
如何用js做翻页效果
第二种翻书效果采用折线翻书动画实现，利用turn.js插件，通过计算折线角度和位移实现动态翻页。插件内部实现涉及复杂数学计算和角度判断，具体代码可见turn.js。折线翻书效果通过添加阴影和渐变制造视觉曲面效果，实现三角形裁剪展示，上层覆盖div隐藏不显部分。
使用插件：利用turn.js插件实现折线翻书效果。插件内部通过复杂数学计算和角度判断，实现动态翻页。视觉效果：添加阴影和渐变制造视觉曲面效果。实现三角形裁剪展示，通过上层覆盖的div隐藏不显示的部分。总结： 整页翻转效果主要通过CSS动画实现，操作相对简单，适合追求平滑翻页效果的应用场景。
官网演示，仅通过滚动鼠标滚轮，即可实现页面翻页。fullpage.js的安装方式在文档中已有详细说明，可直接在项目中引入。对于使用webpack等打包工具的单页面应用，引入方式与文档提供的示例相符。在React项目中集成fullpage.js，创建相关组件即可实现基本功能。填充内容及根据需求配置后，页面展示效果已初步实现。
首先，打开html编辑器，新建html文件，例如：index.html。
首次展示是怎么做的？（ajax还是页面直接跳转）展示时记录当前是第几篇（这里的一篇对应上面的7页）总篇数小于2的就要显示和了 点击这个时，篇数加1，并查询对应的数据展示出来。
css样式表名字有什么规则?
1、CSS样式表的命名规则需遵循特定原则以确保兼容性和可读性。命名时，应避免使用关键字和保留字，推荐仅使用字母、数字、连字号（-）和下划线（_）进行组合，避免中文以确保在不同浏览器下的一致性。在实际项目中，建议始终以字母开头，避免数字开头，以避免兼容性问题。
2、在CSS样式表中，id和class是两个常用的属性，它们在命名规则上有着明显的区别。首先，我们来看一下id的命名规则。id主要用于单个元素的样式定义，且一个id只能被一个元素使用。
3、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。
4、也可以使用类型+变量名称的规则来命名，比如写一个红色字体的class，可以.f_red {}(f是font 字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码的可读性。
5、master.css：主要样式表，包含多个常用样式。 columns.css：多列布局专栏样式。 themes.css：主体样式文件，定义网站整体视觉风格。 forms.css：表单元素样式。 mend.css：基于其他样式表进行个性化调整的样式。页面结构命名规范 page：代表整个页面结构。 wrap：包裹所有页面元素，作为最外层容器。
6、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。
CSS定义新闻标题栏目前的小图标能和标题内容一样,同时是垂直居中的效...
调整no-repeat top left； 这个，应该写成no-repeat left top； 把其中的top改为数值 调整数值大小到背景为居中位置就可以了 如3px 5px等等 你弄点儿图啊什么的，你的问题不太明确。新闻列表的图标，使用背景图片最方便。
定义一个新的组件，该组件将负责渲染DataGridColumn的标题。在该组件内部，可以使用Flexbox布局或其他布局方式来确保标题内容垂直居中。配置DataGridColumn：在DataGridColumn的配置中，将headerRenderer属性设置为你创建的自定义headerRenderer组件的引用。
min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。
主题要小而精 定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。