今天发现dreamweaver里能格式CSS代码,这样代码就不会那么乱了,应为在网站改版时,发现原来的CSS代码大小写很不一致,格式化和缩进也不一致。用dreamweaver格式化方便多了。   格式CSS: 第一步:在编辑--首选参数--代码格式--选择CSS按钮--设置自己喜欢的CSS代码格式 第二步:点击命令--应用源格式   大小写转换:
原创 2013-05-07 13:57:14
1160阅读
CSS代码格式化工具css代码格式化工具可以:压缩代码格式(多行),格式(单行),还原代码。便于优化,节省空间以下为源码:-------------------------------------<!DOCTYPE html > <html> <head> <meta charset="UTF-8"> <titl
原创 2015-09-23 10:49:57
610阅读
JS实现CSS代码格式化、JavaScript代码格式
原创 2022-07-10 00:25:11
445阅读
快速格式代码(HTML、CSS)<!DOCTYPE html><html lang="en"><head> <meta charset
原创 2022-10-20 10:15:47
331阅读
 setting.js 文件{ /*格式化文件对应插件: 主要是两步,一步是用格式化插件格式化对应的文件; 另一步让格式化后的代码能通过代码检验工具。 prettyhtml格式化HTML;prettier格式css/less/scss/postcss/ts; stylus-supremacy格式化stylus; vscode自带格式化插件格式化js; vetur格式化.vue文件;
转载 2024-04-23 08:20:34
65阅读
  css中文意思“层叠样式表”,用于控制网页样式。①.启用外部样式表:<link rel=stylesheet href="css/left.css" type="text/css">②.使用html内部样式表:<style type="text/css">      /*&nbsp
原创 2014-03-12 22:01:16
1007阅读
1点赞
CSS样式命名整理页面结构 容器: container/wrap整体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column中间内容:center导航导航:nav导航:mainbav/globalnav子导航:s
转载 2016-11-11 15:40:00
543阅读
2评论
行内样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS书写格式</title> </head> <body> <div style="color: red">我是div</div> </body>
原创 2021-03-22 09:36:00
284阅读
CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。
转载 2019-08-28 10:48:00
344阅读
2评论
1. 前言在代码中合理的添加注释是个非常好的习惯,通过注释您可以对代码加以解释说明(例如描述某段代码的功能、使用方法等),浏览器会自动忽略注释的内容。注释对开发人员非常重要,它可以帮助开发人员更快的理解代码的用途。在 CSS 中注释以/*开头(起始符),以*/结尾(结束符),/*与*/是成对出现的,所有在/*与*/之间的内容都会被看作注释的内容。CSS 中的注释只有这一种写法,无论是在单行中使用还
转载 2024-05-18 07:32:19
32阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载 2010-12-12 17:28:00
99阅读
2评论
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写: p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/ } 如果font-size是12px的话,那么text-indent: 2em则缩进24px。 web标准推荐如下字体定义方法: body { font-family : "Lucida Gr...
转载 2008-08-05 01:39:00
165阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载 2010-12-12 17:28:00
102阅读
2评论
1.位图和矢量图位图也叫点阵图,是由一个个的方形的像素点排列在一起拼接而成的,位图在放大时,图像会失真。矢量图的图像是由函数曲线生成的,当放大图像时,实际的原理就是将曲线乘以一个倍数,图像可以轻易地放大,而且不会出现像素块,图像边缘也不会出现锯齿2.svg目前首选的网页矢量图格式优点:图像容量小、图像放大不失真、支持透明背景和半透明色彩、图像边缘光滑。缺点:色彩不够丰富
原创 2018-12-26 22:04:46
895阅读
介绍 CSS即层叠样式表,在页面制作的时候采用CSS技术可以有效对页面的布局、字体、颜色、背景,甚至动画效果实现精确的控制 CSS样式规则 selector { property1 : value1 ; property2 : value2; } 使用 h1 { color : red; font- ...
转载 2021-09-15 17:22:00
116阅读
2评论
格式小结 css 0926css的三种引入方式第一种:行内式样式写在标签内,通过标签的style属性的值来定义样式格式:<标签名 style="样式名:样式值;样式名2:样式值2;样式名n:样式值n">例子:<span style="color:red;">你好</span><a href="" style="font-size: 40px">链接文字</a>第二种,内嵌式样式会写在html文件中,通过style标签包裹样式代
原创 2021-08-13 20:03:51
164阅读
Dreamweaver自带的代码格式化功能。1.步骤:命令 -> 应用源格式。2.你可以选择你的偏好。特别是css代码,有些人喜欢每个属性单独一行,有些人喜欢把所有属性写在同一行。步骤:编辑 -> 首选项 -> 代码格式 -> 点击css按钮设置好以后,再次应用源格式,就会按照你的偏好来整理代码了。
转载 2016-01-04 11:21:00
86阅读
2评论
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载 2024-01-26 10:23:11
104阅读
css 有多种方式,最简单的做法是打开记事本,一行一行的直接手写。嗯,我就这么写了好多年。当然编辑器不一定用记事本,可以用 notpad++ 或 vim、或 dreamweaver、或其他…… 什么是 less ? 如果你写的 css 足够多,就会发现有些地方是重复的。比如你希望页面头部宽度 width 是960px,中间也是 960px,页脚也是 960px,你知道它们是一样的,但不得不重
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载 2010-12-19 15:52:00
329阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5