Heim > Web-Frontend > HTML-Tutorial > 前端开发利器CSS之完美容颜_html/css_WEB-ITnose

前端开发利器CSS之完美容颜_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:50:32
Original
1033 Leute haben es durchsucht

请先掌握HTML知识!!!!详见:HTML之常用标签整理

四、CSS开始

    1、认识CSS样式
        使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等

    2、CSS样式的优势
        用括起来,统一设置css样式

    3、CSS代码语法
        css 样式由选择符和声明组成,而声明又由属性和值组成
        p{color:blue}(选择符{属性  声明  值})
            选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
            声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔

    4、CSS注释代码
        用/*注释语句*/来标明(Html中使用)

五、CSS样式基本知识
    1、内联式CSS样式(直接写在现有的HTML标签中)
        

这里文字是红色。


        注意要写在元素的开始标签里,css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开
        

这里文字是红色。



    2、嵌入式CSS样式(写在当前的文件中)
        把css样式代码写在标签之间
        嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间

    3、外部式CSS样式(写在单独的一个文件中)
        把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage