1.内联式引用:直接用在标签上,但维护成本高style='font-size:16px;color:#000000'2.外部连接式引用:css代码与html代码分离,便于代码重复使用style.css文件内容如右:.font{color:blue;font-size:12px;}3.内部式引用:页面较为清晰,但不能被别的页面使用.font{color:blue;font-size:12px;}4.
CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。
转载 2019-08-28 10:48:00
344阅读
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评论
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评论
目录一、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阅读
#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评论
#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
416阅读
2评论
导入样式表 <style> @import url(XXX.css) </style> 导入样式表比链接样式表慢设计代码的结构
原创 2023-01-03 11:51:10
63阅读
1.CSSa.定义:CSS 指层叠样式表b.意义:为了解决内容与表现分离的问题c.特点:多个样式可层叠为一2.用法:a.行内样式:style99元b.内部样式:(只对当前网页有效)选择器①标签选择器选择器(标签名){属性名:属性值属性名:属性值} p{ color:green; }②ID选择器#id名字{属性名:属性值属性名:属性值} #textID{ color:orange; }③类选择器:.
前些天同事问我怎么用css设置超链接的样式,在我看来有三种方法供参考:一、在dreamweaver软件中选择:修改>页面属性(ctal+j)>链接,设置链接样式字体,大小,这些都比较全面,但是有一点你运用这个样式是定义的整个页面的样式,如果想在同一页面中显示不同的链接属性,这种方法就显得笨拙了,以下两种方法就人性化一点;二、在css样式中设置类属性,接触过前面一种方法的都知道在设置第一种方法后
原创 2021-07-30 17:20:55
187阅读
前些天同事问我怎么用css设置超链接的样式,在我看来有三种方法供参考:一、在dreamweaver软件中选择:修改>页面属性(ctal+j)>链接,设置链接样式字体,大小,这些都比较全面,但是有一点你运用这个样式...
转载 2008-09-07 16:57:00
137阅读
2评论
一.内嵌样式表 在HTML的<head>标签中的<style>标签中添加css样式,使用内嵌样式表定义的 CSS 样式只能在当前网页内使用。 <!DOCTYPE html> <html> <head> <title>内嵌样式</title> <style&gt
转载 2023-08-05 14:47:16
84阅读
 代码结构 1. browser mode: standard quirk(兼容旧site ie旧boxmodel) 2. specificity:某个p有自己的特性 p {color: black;}  p.intro  {color: grey;}  p .intro 是指包含在p内class为intro的元素 p {backg
原创 2011-11-09 09:10:11
825阅读
空间名称和简介区域 #header 主体部分{height:89px;background:#3399CC} #header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat} #header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right} #header d
转载 精选 2012-02-08 01:51:01
1247阅读
1.禁止div点击 //css属性: pointer-events: none; //或者定义属性,在js中添加: $(".原类名").addClass("新类名"); //js: //禁用 $.fn.disable = function () { $(this).addClass("disable
转载 2020-11-25 12:29:00
216阅读
2评论
#left-column { width:150px;height:850px; float:left;background-color:#999999;}#content { width:600px;height:850px; float:left;background-color:#FF0...
CSS
转载 2010-12-21 22:49:00
70阅读
2评论
css代码优化作用与意义 1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间,相当于加快网页打开速度2、便于维护。简化和标准化css代码css代码减少,便于日后维护3、让自己写的css代码更加专业。 css优化方法 1、缩写css代码。2、排列css代码。3、同属性提取共用css选择器
转载 2020-12-09 20:26:00
160阅读
2评论
<!doctype html> <html> <head> <meta charset="utf-8"> <title>样式使用</title> <style> @import url("CSS3-3.css"); </style> </head> <body> <a href="http://ww ...
转载 2021-11-01 12:09:00
251阅读
2评论
1
转载 2020-04-08 21:43:00
2031阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5