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.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-22 13:44:45
                            
                                33阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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;
}③类选择器:.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-16 09:24:11
                            
                                15阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前些天同事问我怎么用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>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            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...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            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评论