好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html和css基础_html/css_WEB-ITnose

背景:

电子邮件,住址,签名,文档的作者身份 加入一行代码,var = "hello world";
    foreach(var item in strArray){        Console.writeLine(item);    }     
ul-li,无序的信息列表 ul-li,无序的信息列表 ol-li,有序的信息列表:1 ol-li,有序的信息列表:2 表格标题                名字 爱好 彭彭 吃 丁满 跳舞 打开百度 对此影评有何感想,发送邮件给我

2.表单(与后台交互)

       表单                               用户名:                            密码:                                              在文本域中输入内容,在这里输入内容...                                                                                                        看书              旅游              运动              购物                                         看书              旅游              运动              购物                  

3.CSS样式的3种写法

       CSS的3种写法       嵌入式 > 外部式;    总结:距离被设置元素越近的,优先级越高 -->                       p{        font-size:20px;/*设置文字字号*/    }           

好好学习,天天开心


好好学习,天天向上

4.CSS选择器

       CSS的选择器          /*    CSS的选择器一般使用下面的这种格式    选择符{    属性1:值;    属性2:值;    }    */    /*例1,匹配

元素*/ p{ font-size:20px;/*设置文字字号*/ } /*例2,类选择器,匹配class为"apple1"的元素*/ .apple1{ color:red;/*设置文字颜色*/ } .apple2{ font-size:50px; } /*例3,ID选择器,匹配id为"potato"的元素*/ #potato{ font-size:15px; } /*例4,子选择器,用>符号,匹配first第一代后代生效,第二代之后不生效*/ span{ color:red; /*给span一个默认的样式*/ } .first>span{ color:blue; /*只有first类的第一代span才有的蓝色样式*/ } /*例5,包含选择器,用空格符号,匹配"second"类下的所有"span"元素*/ .second span{ border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ } /*例6,通用选择器,匹配html中的所有标签元素*/ *{ color:green;/*绿色*/ } /*例7,伪类选择符,用:符号,如在超链接鼠标滑过时改变css样式*/ a:hover{ color:pink; font-size:30px; } /*例8,分组选择符,用逗号,匹配".firstDiv"类,"secondDiv"元素*/ .firstDiv,.secondDiv{ color:purple; }

匹配到(例1)

匹配到(例2)

类选择器词列表方法(例2)

匹配到(例3)

蓝一代(例4) 红二代(例4)

第一代(例5) 第二代(例5)

百度(例7)

分组匹配,firstDiv类(例8)

查看更多关于html和css基础_html/css_WEB-ITnose的详细内容...

  阅读:31次