css基础语法笔记

     CSS的概述

      层叠样式表(cascading style sheets),和html类似也不是真正的编程语言,甚至不是标记语言。它是一门样式表语言,这也就是说,人们可以用它来选择性的为HTML元素添加样式。它的作用:定义如何显示HTML元素,HTML是一栋房子的话,CSS就是对房子的装修。

css规则构成:选择器 { 属性名:属性值;}  例如 P { color:red;}选择器最常见的是需要改变样式的元素名。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。常用的选择器有:元素选择器,ID选择器,类选择器(CLSS),选择器分组(并集选择器),通配选择器,复合选择器(交集选择器)。

元素选择器

语法:标签名{}        举个栗子:p{ color:pink;}

id选择器 

语法:#id属性值{}     作用:通过元素的id值选中唯一的元素。    举个栗子:#p1{ color:pink}      这里代表id为p1的元素的设置它的颜色为粉红色。  注意:一个HTML中id不允许重复 这意味着同一id在同一文档页面中只能出现一次,例如,你将一个元素的id取值为“p1”,那么在同一页面你就不能再将其他元素id取名为”p1”了。我们在页面上定义一个元素把它的id定为p1,如<div id="p1">

类选择器

语法:.class属性值{}  作用:通过元素的class属性值选中一组元素。class属性值和id属性值相似,只不过class属性值可以重复。 举个栗子:.p2{ color:pink;}

并集选择器

语法:选择器1,选择器2,选择器n{}      作用:可以选中多个 选择器对应的元素    举个栗子:#p1,.p2,h1{background-color:pink;}

通配选择器

语法:  *{}    作用:选中页面中所有的元素。 举个栗子: *{ color:pink;}

交集选择器

语法:     选择器1选择器2选择器n{}     作用:可以选中同时满足多个选择器的元素。举个栗子:span.p1{ color:pink;}

HTML标签

超链接a标签<a  herf="网址"> 文字或图片</a>

链接到本站点其他网页<a herf="news.html">新闻</a>

链接到其他站点<a herf="http://ww.baidu.com">百度</a>

虚拟超链接<a herf="#"></a>

插入图像img标签

网页中常见的图像格式:JPG,GIF,PNG

举个栗子:<img src="w3school.gif" alt="w3c" /> 

src属性:路径+文件名


绝对路径:以根目录为基准

例子:<img src="C/sise/logo.jpg"/>

相对路径:以该文档所在位置为基准

例子:<img src="logo.jpg"/>


无序列表<ul>  列表项<li>

有序列表<ol>列表项<li>

表格 table tr(行) td(列)

<table>

    <tr>

        <td></td>

        <td></td>

        <td></td> 

    </tr>

    <tr>

        <td></td>

        <td></td>

        <td></td>

    </tr>

</table>


table>tr*2>td*3


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,029评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,238评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,576评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,214评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,324评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,392评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,416评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,196评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,631评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,919评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,090评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,767评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,410评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,090评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,328评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,952评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,979评论 2 351