资讯专栏INFORMATION COLUMN

css设计指南学习1-css基础

Jackwoo / 860人阅读

摘要:从前做网页的时候就学过。当时应该还是,现在正是和大行其道,去亚马逊买了一本设计指南,重新系统学习下。引入的三种方法直接在中引用不推荐在头部用标签嵌入链接。

从前做网页的时候就学过css。当时应该还是css2,现在正是html5和css3大行其道,去亚马逊买了一本css设计指南,重新系统学习下。

引入css的三种方法:
1,直接在html中引用(不推荐)

2,在html头部用style标签嵌入


    

3,链接。不直观,但是有助于文档整洁

选择符:

上下文选择符 p em {...;} 表示p为祖先元素的所有em(不一定非要是父)

子选择符
p > em 表示p的子元素em,孙元素em无效
而这里注意到:
似乎块级元素会打断父级别块级或者行内元素的标签,显示祖父元素的子元素
例如:body>p>h2
body > h2是可以选择这个h2的。

相邻元素选择符
p + h2 选择上文紧挨着兄弟元素为p的h2

一般同胞选择符
p ~ h2 选择p所有后面的不一定紧邻的兄弟元素的h2

通用选择符*
会选择全部元素 一般用于次级 p * 表示所有p的文本
技巧!
可以用于选择孙元素跳过子元素
section * p {...;}

类选择符

这是由类定义的h1
那么 
.specialText
h1.specialText
都可以选择之

7. id选择符

这是由id定义的段落哦

#99 {font-style: italic}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110956.html

相关文章

  • 双十二大前端工程师读书清单

    摘要:本文最早为双十一而作,原标题双大前端工程师读书清单,以付费的形式发布在上。发布完本次预告后,捕捉到了一个友善的吐槽读书清单也要收费。这本书便从的异步编程讲起,帮助我们设计快速响应的网络应用,而非简单的页面。 本文最早为双十一而作,原标题双 11 大前端工程师读书清单,以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流,现免费分享到这里,不足之处欢迎指教...

    happen 评论0 收藏0
  • 双十二大前端工程师读书清单

    摘要:本文最早为双十一而作,原标题双大前端工程师读书清单,以付费的形式发布在上。发布完本次预告后,捕捉到了一个友善的吐槽读书清单也要收费。这本书便从的异步编程讲起,帮助我们设计快速响应的网络应用,而非简单的页面。 本文最早为双十一而作,原标题双 11 大前端工程师读书清单,以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流,现免费分享到这里,不足之处欢迎指教...

    余学文 评论0 收藏0
  • 双十二大前端工程师读书清单

    摘要:本文最早为双十一而作,原标题双大前端工程师读书清单,以付费的形式发布在上。发布完本次预告后,捕捉到了一个友善的吐槽读书清单也要收费。这本书便从的异步编程讲起,帮助我们设计快速响应的网络应用,而非简单的页面。 本文最早为双十一而作,原标题双 11 大前端工程师读书清单,以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流,现免费分享到这里,不足之处欢迎指教...

    Jochen 评论0 收藏0
  • [译]148个资源让你成为CSS专家

    摘要:层叠样式表二修订版这是对作出的官方说明。速查表两份表来自一份关于基础特性,一份关于布局。核心第一篇一份来自的基础参考指南简写速查表简写形式参考书使用层叠样式表基础指南,包含使用的好处介绍个方法快速写成高质量的写出高效的一些提示。 迄今为止,我已经收集了100多个精通CSS的资源,它们能让你更好地掌握CSS技巧,使你的布局设计脱颖而出。 CSS3 资源 20个学习CSS3的有用资源 C...

    impig33 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<