美文网首页
css-study 1

css-study 1

作者: 馥馥福2016 | 来源:发表于2017-06-23 20:55 被阅读0次

2017/06/23
<h2>css基本内容</h2>
定义:层叠式样表(cascading style sheet)/说人话:HTML 是建筑物骨架,CSS是粉刷材料,把粗糙丑陋的网页装潢一通。
<big><b>基础语法:</b></big>
选择器{属性:属性值;}
选择器三种类型:1.id选择器 2.类选择器3.标签选择器
花括号{}内为一条声明,当然可以多条声明,比如:p{color:red;font-family:微软雅黑}~这条声明指代p标签的选中文字格式调整为微软雅黑红色。

注意点:
1.每条声明末尾需加上“;”
2.color的值可以输入:普通颜色单词“red”orRGB(真彩色)十六进制的颜色“#ff0000”
3.id属性值取名时,以英文字母开头,且值为唯一,区分大小写,不能纯数字
4.类class的值可以是多个,举例 class=“red big grey”
5.属性值为多个时,需要加上引号

/说人话,选择器意思是你想对那块标签内文字做效果,声明的意思就是对你已经选中的对应文字进行一些外形包装,比如染个色呀,加粗啊,调整文中居中啊等等。
<big><b>复杂选择器</b></big>
随着需求,出现了复杂选择器,不用怕,并不复杂~只不过运用了点初中数学知识。
复杂选择器,说人话就是对选择器进行花式组合。
1.交集选择器
两部分重合部分,以p#id值 或者p.class值形式出现
注意:只能两个选择器组成交集,并且需要标签选择在前
2.并集选择器
符合任何其中一个,以“,”隔开,可以 多个选择器组合。比如#red,.plus
3.派生选择器
以空格隔开,对块级元素内元素单独进行调整,比如p a{},指对嵌套的内部a标签内容进行调整。

<h2>css构造文本</h2>
简单点说:有哪些花式可以对文本内容进行调整。
1)文本对齐
2)文本缩进
3)文本行高
4)文本下划线
5)字间隔
6)文字字体
7)文字风格
8)文字大小
9)文字颜色
10)文字加粗
11)后代继承

相关文章

  • css-study 1

    2017/06/23 css基本内容 定义:层叠式样表(cascading style sheet)/说人话:HT...

  • 1▪1▪1▪1▪1

    今天是国际劳动节,出门看人头,上路遇堵车,处处挤破头,急哭也停不下车。 不如歇了吧 ...

  • 1+1+1…+1=1

    对“一”的理解: 赠人玫瑰,不仅仅是手留余香。 利益他人,实际上也疗愈了自己。 利他、利己,如此往复循环, 最终利...

  • (-1)×(-1)= 1

    数学家经过很长一段时间才认识到(-1)×(-1)= 1是不能被证明的(即使大数学家欧拉曾给出不能令人信服的...

  • 1-2-1-1-1

    【下马请罪】 子龙下马,向张飞跪地请罪道:“张将军,一时失手……”话未停,便被张飞一矛刺了个透心凉。子龙堵着胸口汩...

  • 1 1:1 1(原创小说)

    闪回:那天她…… 当时,我确实听到了那个声音,可如今却怎么也记不清了。 掉下来了。 我觉得,那一刻...

  • 《1+1=1-1》

    十一月十一日晚,致X小姐。 十月初九, 一个人购物的孤独, 你谈起, 月光下轧过的马路, 金钱带不来满足, 忙忙碌...

  • 1+1=-1

    结婚育子这几年,在磕磕碰碰中一路走来,才恍然大悟,自己真正的成长,始于育儿。 婚前是父母的公主,虽说家境贫困,却得...

  • 1+1<1

    也许有人看到我的标题就会来质疑我,说我怎么连最简单的数学都不会。1+1=2>1啊,这么简单的算数题,我怎会不知?但...

  • 1+1=-1

    看到他人发表文章,我也有点手痒痒了~这是接着上回文章的下半部分,有点长,没人看到就好了︿︿ 这个第二件小事的主题就...

网友评论

      本文标题:css-study 1

      本文链接:https://www.haomeiwen.com/subject/qgzccxtx.html