css-study 1

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)后代继承

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,113评论 0 40
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,593评论 32 459
  • 王宝强马蓉的离婚事件从八月开始,沸沸扬扬的闹腾到现在依旧热头不减,当时的奥运都被他们的事件毫无压力的盖过。一时各种...
    阿长的沙鸥阅读 523评论 0 2
  • Dear D : 昨日收到你的信,真是非常高兴,你终于升职了,可喜可贺呀。为了这一刻,你已经付出很多啦,升职是顺理...
    老孙家的大彬阅读 150评论 2 4