CSS:选择器、继承、权重、文本标签、列表、单位、颜色

选择器:

      属性选择器:[属性名]:设置名称为属性名

                          [属性名="属性值"]:属性名与命名值

                          [属性名~="属性值"]:

                          [属性名|="属性值"]:

                          [属性名^="属性值"]:以属性值开头的所有行

                          [属性名$="属性值"]:以属性值结尾的所有行

                          [属性名*="属性值"]:包含属性值

      兄弟元素选择器:查找后边一个兄弟元素  .  兄弟元素 + 兄弟元素{}

                                查找后边所有的兄弟元素  .  兄弟元素 ~ 兄弟元素{}

      子元素选择器:父元素 > 子元素{}    【ie6即以下浏览器不支持】

                          :first-child  选择第一个子标签【所有】

                          :last-child  选择最后一个子标签

                          :nth-child  选择指定位置的子元素  其中odd奇数行;even偶数行

                          :first-of-type    |同

                          :last-of-type    |下    type中指【当前类型】

                          :nth-of-type    | 选择指定类型的子元素

      否定伪类::not(选择器)  eg:p:not(.hello)  表示选择所有的p元素但class为hello的除外

继承:指CSS中祖先元素的样式会被子元素继承。(并非所有)

          背景边框和定位不会被继承

权重:CSS选择器选择元素时,会一元素被多元素选中、此时会看权重即优先级

          内联样式:权重是 1000

          id选择器:权重是 100

          类、属性、伪类选择器:权重是 10

          元素选择器:权重是 1

          通配符:权重是 0

          继承的样式,没有优先级

          计算权重:将一个样式的全部选择器相加

          并集选择器的优先级是单独计算的

          !important:优先级更高,优先于所有,但尽量避免

文本标签:

      <em>:斜体 表语气强调

      <strong>:粗体

      <i>:    icon图标    可用于电商网站的小图标  【答辩重点】

      <b>

      <small>    小字体.用于底下条款等

      <cite>参考内容

      <q>短引用

      <blockquote>  长引用    如论坛引用评论

      <sup>上标(类似百度百科超链接)

      <sub>下标

      <ins>插入内容  加下划线

      <del>表删除内容

      <code>|

      <pre>  |一般code包pre结合使用

      box:

列表:互相之间随意嵌套

      <ol>+<li>有序列表

      <ul>+<li>无序列表

      <dl><dd><dt>定义列表  dl列表 dd描述 dt内容  可互相嵌套    类似下拉列表  {list-style:none;}给ul列表设

单位:

    长度单位:

      em:1em = 1font-size

      像素:px

      百分比%  :  针对父元素来讲,如父元素使用大小为16px,则100%就是16px,同理200%就是32px

颜色:

      RGB(r,g,b)表示法    可用0~255或0%~100%

      直接使用颜色表示

      十六进制颜色:#6600FF  按顺序为红绿蓝  如每一组两个数字都想同,可简写为#60F  (举例用字母数字不固定)

      RGBA:比RGBA多了一个A(alpha),区间为(0~1)0为完全透明,1为不透明  RGBA(255,100,5,0.5)

前端三大块

      结构:html

      表现:CSS

      行为:javascript

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

推荐阅读更多精彩内容