资讯专栏INFORMATION COLUMN

CSS基础教程

smartlion / 3490人阅读

摘要:简介概述指层叠样式表决定元素如何显示内容与样式分离多个样式定义可层叠为一层叠次序浏览器缺省设置外部样式表内部样式表位于标签内部内联样式在元素内部基本语法语法结构高级语法选择器的分组继承继承中的属性重写从中继承的属性

CSS简介 CSS概述

CSS指层叠样式表(Cascading Style Sheets)

决定HTML元素如何显示

内容与样式分离

多个样式定义可层叠为一

层叠次序

浏览器缺省设置

外部样式表

内部样式表(位于 标签内部)

内联样式(在 HTML 元素内部)

CSS基本语法 CSS语法结构

CSS高级语法 选择器的分组
h1,h2,h3,h4,h5,h6 {
  color: green;
}
继承
body  {
     font-family: Verdana, sans-serif;
}


td, ul, ol, ul, li, dl, dt, dd  {
     font-family: Verdana, sans-serif;
}


p  {
     font-family: Times, "Times New Roman", serif;
}
派生选择器

h2 strong {
     color: blue;
}
id选择器

#sidebar {
    border: 1px dotted #000;
}


#sidebar h2 {
    font-size: 1em;
}
类选择器


.fancy { color: #f60; } .fancy td { color: #f60; } td .fancy { color: #f60; } td.fancy { color: #f60; }
属性选择器
[title]
{
    color:red;
}

[title=W3School]
{
    border:5px solid blue;
}

input[type="text"]
{
  width:150px;
}
CSS创建 外部样式表

    

内部样式表



内联样式

This is a paragraph

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

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

相关文章

  • [译]148个资源让你成为CSS专家

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

    impig33 评论0 收藏0
  • HTML5+CSS3网站设计教程 (张晓景,胡克) [iso]

    摘要:网站设计教程目录第章网页和网站的基础知识第章使用标准设计和制作第章和基础第章样式基础第章布局入门第章设置页面背景图像第章设置页面中的图像第章文本内容排版第章设置表单样式第章设置列表样式第章设置页面超链接样式教程地址网站设计教程张晓景胡克《HTML5+CSS3网站设计教程》系统地讲解了CSS的基础理论和实际运用技术,并结合多个案例讲解了采用CSS与层布局相结合制作网页的方法,在详细讲解各个案例...

    zombieda 评论0 收藏0
  • 前端之CSS基础学习

    摘要:上面五个问题就是我总结的基础概念,学习过程中一定要把它们弄明白别忘了有哦。 请带着以下几个问题进行学习 CSS是什么 CSS的引用方式 CSS选择器 CSS优先级 CSS盒模型 基础知识学习和实例演练教程 MDN中css教程CSS基础学习教程(css快速入门)CSS参考手册(便于了解更多css属性)CSS3教程(适用于移动端开发的css新特性) 入门学习,一定要快,没有必要花大量时...

    Hwg 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 做IT这几年,我整理了这些干货想要送给你!

    摘要:资源获取方式根据下面的索引,大家可以选择自己需要的资源,然后在松哥公众号牧码小子后台回复对应的口令,就可以获取到资源的百度云盘下载地址。公众号二维码如下另外本文会定期更新,松哥有新资源的时候会及时分享给大家,欢迎各位小伙伴保持关注。 没有一条路是容易的,特别是转行计算机这条路。 松哥接触过很多转行做开发的小伙伴,我了解到很多转行人的不容易,记得松哥大二时刚刚决定转行计算机,完全不知道这...

    王晗 评论0 收藏0

发表评论

0条评论

smartlion

|高级讲师

TA的文章

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