Java Web中涉及哪些HTML和CSS知识点？

类选择器使用“.”(英文点号)进行标识，后面紧跟类名，其基本语法格式如下：

.类名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

该语法中，id名即为HTML元素的class属性值，大多数HTML元素都可以定义class属性。类选择器最大的优势是可以为元素对象定义单独或相同的样式。

例如：

        
         
        
 

        
小灰灰

类选择器的高级用法：给指定的标签设置class样式

标签.类名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

2.3.4 扩展：属性选择器

属性选择器，在标签后面是有中括号标记，其基本语法格式如下：

标签名 [标签属性='标签属性值'] {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

该选择器，是对"元素选择器"的扩展，对一组标签进一步过滤。

例如：

2.3.5 扩展：包含选择器

包含选择器，两个标签之间使用空格，给指定父标签的后代标签设置样式，可以方便在区域内编写样式。

父标签 后代标签{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

该选择器，是对"元素选择器"的扩展，对一个标签内部所有后代标签进行过滤。

        
         
        
    
    
        

            

                小灰灰1
            
            
                小灰灰2
            
        
    

2.4 CSS的样式：

2.4.1 边框和尺寸：border、width、height

border：设置边框的样式

　格式：宽度 样式 颜色

　例如：style="border:1px solid #f00" ，1像素实边红色。

　　　　样式取值：solid 实线，none 无边， double 双线 等

width、height：用于设置标签的宽度、高度。

        
         
        
    
    
        

            小灰灰
        
    

2.4.2 布局：float、clear

通常默认的排版方式，将页面中的元素从上到下一一罗列，而实际开发中，需要左右方式进行排版，就需要使用浮动

选择器{float:属性值}
    常用属性值：
            left:元素向左浮动
            right:元素向右浮动
            none:元素不浮动(默认值)

由于浮动元素不再占用原文档流的位置，所以它会对页面中其他元素的排版产生影响。如果要避免影响，需要使用clear属性进行清除浮动。

选择器{clear:属性值;}
    常用属性值：
            left：不允许左侧有浮动元素(清除左侧浮动的影响)
            right：不允许右侧有浮动元素(清除右侧浮动的影响)
            both：同时清除左右两侧浮动的影响

例如：