css第五天

1、什么是css?

层叠样式表,主要用于设置HTML页面中的文本内容,图片的外形以及版本的布局等外观样式。

Css是以html为基础,提供丰富的功能。

2、ul>(li>a)*3+tab键(>代表父子关系)

3、所有标签都有一个默认样式,我们成为浏览器样式,或默认样式。

4、引入css方式:

行内样式:

“<h1 style="color: red;  font-size: 12px;">传智播客-前端css基础视频课程”

(像素是图片上的一个点)

内嵌样式(内部样式):在head标签中添加style标签。

p {

color: green;

background-color: silver;

}

5、最常用的方式:外部样式,外联样式(link)

一种不常用的样式:导入样式import样式(倒入样式必须写在所有的其他样式之前)在css文件中也可以再倒入其他的css文件。

6、css的语法

选择符声明

P   {color:red;}

选择符{属性:属性值;}

Html和css尽量不相互影响。

7、css的注释

/*注释内容*/

注释开始/*注释结束*/注释不能嵌套

多行注释:/*

放多行注释内容

放多行注释内容

放多行注释内容

*/

一般用于css模块的注释,文件头的注释。

8、css选择器综述

     *的优先级很高,会覆盖所有的样式。

      P,ul之类都是标签选择器。

      所有标签都可以有id(一个html页面中id必须唯一,不可重复),id选择器:#p1{}   #p2{}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,741评论 32 459
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,528评论 0 30
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,610评论 0 5
  • 读《唐浩明点评曾国藩日记》 咸丰十一年正月初四日 早,接奉廷寄,即前复奏英夷助剿、运漕一案。饭后清理文件。写澄弟信...
    读行人声阅读 3,180评论 0 0

友情链接更多精彩内容