Discuz!X模板读取与CSS引入机制

2024-11-03

Discuz! X的CSS加载机制

首先,每个页面都会加载以下两个css,data/cache/style_1_common.css和data/cache/style_1_forum_index.css.先讲讲这两个文件名的命名规则:第一个是整站通用的css,所以命名为common.css,然后前面的代号是你使用了哪套风格,所以style_1_common.css表示是第一套风格的共用的css:第二个是表示forum的index页面风格,也就是论坛的首页风格.下面讲一下那两个css是如何生成的.首先,那两个css是程序生成的css

项目复习期总结3：CSS引入方式，凝视，命名规范，背景，行高，文本属性

文件夹: 1.CSS凝视的书写怎么写?优点? 2.CSS引入方式各种的优缺点 3.选择器的写法与选择器的优先级 4.CSS命名规范 5.背景,行高 6.文本(text与font开头)等全部属性 ① CSS凝视书写规范: 1.单行凝视: 直接写在属性值的后面.如: ① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ }

CSS引入方式的区别详解

在web前端开发中,CSS是一种用来表现HTML或XML等文件样式的语言.很多处于web前端初学阶段的朋友,很多人都不知道CSS引入方式存在三种方法,css引入方式分别为标签内联书写.页面头部书写.外部引入,那么这三者有何区别?本文给大家讲解了从不同的角度分析他们的优势与劣势. 1.外部引入: 在HTML的head部分<link rel="stylesheet" type="text/css" href="css文件路径">,引入外部

CSS引入的方式有哪些? link和@import的区别是?转载

CSS引入的方式有哪些? link和@import的区别是? HTML 中引入 CSS 的方式有 4 种方式可以在 HTML 中引入 CSS.其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码,另外两种是引入外部 CSS 文件.下面我们就来看看这些方式和它们的优缺点. 内联方式内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS. 示例: <div style="background: red"></div> 这通常是个很糟

怎样使用自定义标签简化 js、css 引入？

国庆将至,工作兴致全无,来总结点项目里平时不起眼干货. 前端引入 js .css 一般是这样: <script type="text/javascript" src="webContent 相对路径"></script> <link type="text/css" href="webContent 相对路径" rel="stylesheet"/> 简化后的 js .css

link标签和css引入方式

link常见用途 <link> 标签最常见的用途是链接样式表,在 HTML 中,<link> 标签没有结束标签,此元素只能存在于 head 部分,不过它可出现任何次数. <head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> 使用link引用网页收藏夹图标 <link rel="i

认识CSS中css引入方式、选择器、文本样式设置以及显示模式

前端之HTML.CSS(三) CSS CSS-Cascading Styles Sheets,层叠样式表.用于网页的表现,主要用于布局和修饰网页. CSS引入方式 CSS的三种引入方式:行内样式,内部样式表,外部样式表. 行内样式:通过标签的style属性设定样式,基本语法:<标签名 style="属性1:属性值1:属性2:属性值2:...">内容</标签名>. <!DOCTYPE html> <html> <head> &l

discuz论坛模板文件目录

公共模板文件夹 ./template/default/common/ common.css 公共CSS文件 faq.htm 帮助模板文件 footer.htm 系统总底部模板 footer_ajax.htm ajax模式是使用到的系统总底部模板,ajax模式大部分为浮动框登录.注册.发帖等. forum_calendar.css 广场社区使用到的日历日期样式 forum_moderator.css 版主管理面板样式 header.htm 系统总头显示内容文件 header_common.htm

css引入方式

1.<style> body{} </style> 2.写在一个单独的文件里面保存即新建一个文件:xx.css; 注明该文件的位置<link rel="stylesheet" href="./Untitled-2.css"/> 3.直接在html标签里面写入对这个标签的css控制如:<div style="color:green;">css引入方式 </div>

DISCUZ 自定义模板

DISCUZ 自定义模板模板安装和维护安装新模板将模板template打包放在对应目录:template/ 后台 -> 界面 -> 风格管理 , 安装模板后台 -> 界面 -> 风格管理 , 切换模板打开页面,使用admin账号导入页面模板DIY的xml配置文件重新安装模板删除模板:后台 -> 界面 -> 模板管理卸载模板:后台 -> 界面 -> 风格管理,卸载模板清除无效:数据库 pre_common_template_block 删除无

HTML: Css引入的四種方式

哪四種?這裏簡單進行下總結 ①寫在 style 標籤中 <style type="text/css"> 這裏是css代碼... </style> ②外部引入css文件 <link rel="stylesheet" href="這裏是外部css引入地址(比如:test.css)" /> ③直接用行內css屬性控制 <div style="這裏是css屬性值(如:border:1px solid r

Discuz!X/模板标签说明

Discuz 模板标签说明 Discuz! 的模板采用近似 PHP 表达式的语法,基本都是可识别的HTML,但涉及到变量和动态内容时,基本形式下: <!-{ 代码内容 }-> 逻辑元素包围符,该符号用于包含条件和循环元素目录 [隐藏] 1 条件判断 2 不带下标变量的数组循环 3 带下标变量的数组循环 4 信息元素包围符 5 插入子模板 6 插入钩子 7 插入模块 8 插入广告 9 常量条件判断 <!-{if expr1}-> statement1 <!-{elseif

css考核点整理（二）-css层叠机制

css层叠机制外边距重叠就是margin-collapse. 在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距.这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距. 折叠结果遵循下列计算规则: 两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值. 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值. 两个外边距一正一负时,折叠结果是两者的相加的和.

css优先级机制说明

原文:css优先级机制说明首先说明下样式的优先级,样式有三种: 1. 外部样式(External style sheet) 示例:  <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> 2.内部样式(Internal style sheet) 示例: <head>

Node中的模块引入机制

1.如果模块在当前目录下,可以通过下面语句将模块引入进来,注意需要使用 "./"表示当前路径 const currency = require('./currency'); ←---- 用路径./表明模块跟程序脚本放在同一目录下 2.如果模块在当前目录的子目录下,可以加上子目录的名称,如下. const currency = require('./lib/currency'); 3.要求模块在文件系统中使用相对路径存放,对于组织程序特定的代码很有帮助,但对于想要在程序间共享或跟其他人共

Django 模板中使用css, javascript

Django 模板中使用css, javascript (r'^css/(?Ppath.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/css'}), (r'^js/(?P/pathpath.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/js'}), (r'^images/(?P/pathpa

前端(css引入的3中方式)

一.css引入的三种方式行间式在标签头部的style属性内属性值满足的是css语法属性值用key:value形式赋值,value具有单位属性值之间用;隔开外联式(企业开发中使用这种方式) 在外部css文件中属性值满足css语法属性值用key:value形式赋值,value具有单位属性值之间用;隔开(一般独行分开赋值) 格式:选择器(样式快) 将html与css文件建立联系:通过link 内联式在style标签内(style标签一般作为head的子标签) 属性值满足的是css语

css引入特殊字体

http://www.fontsquirrel.com/tools/webfont-generator ttf格式的字体转换成其他格式的字体 css引入特殊字体建议只是用英文字体,中文字体太大不适合.在CSS中通过@font-face属性来实现网页中嵌入特殊字体.首先获取要使用字体的三种文件格式 .EOT , .TTF 或 .OTF , .SVG , 确保能在主流浏览器中都能正常显示该字体..EOT,适用于Internet Explorer 4.0+.TTF或.OTF,适用于F

vue-cli构建的vue项目打包后css引入的背景图路径不对的问题

使用vue-cli构建vue项目后,再打包遇到一个css引入的背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图: 当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包后,访问dist目录下的项目,页面背景图路径就不对了解决方法:只需要在build/utils.js文件中添加如下一行代码即可. publicPath:'../../' 如下图: 这样就解决这个问题.

标签种类及CSS引入方法

标签种类及CSS引入方法标签种类: 一:块级标签(block) ——> 独占一行,默认宽度与内容无关,宽高可设 (hr 块级标签) 二:行内块标签(inline-block) ——> 不独占一行,默认宽度为内容的宽度,宽高可设二:行内标签(inline) ——> 不独占一行,默认宽度为内容的宽度,宽高不可设,由内容决定 (br 标签是行内标签) CSS引入方法: 1.内联(行内)样式:写到标签里面,通过style属性,把css代码写到style里面 2.内部样式:head标签

【使用DIV+CSS重写网站首页案例】CSS引入方式

CSS引入方式(3种) *就近原则:行内引入可以覆盖内部引入的效果内部引入: * type="text/css" 为默认可以不写例子: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>  <style type="text/css"

Discuz!X模板读取与CSS引入机制

热门专题