前端视频-day3(2)

css

什么是 CSS?

CSS 指层叠样式表 (Cascading Style Sheets)
--样式定义如何显示 HTML 元素
--样式通常存储在样式表中
--能够让我们将网页从以下两个方面来控制网页的外观
-- 外部样式表通常存储在 CSS 文件中

css的基本语法形式

选择器 { css属性名1:值1;css属性名2:值2; ………… }
 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。如下:

1 p{
2     color:red;
3     text-indent:2em;
4 }

举例

font{color:red;     font-weight:bold;  font-size:18px;}
dt{
    font-size:14px;
    font-weight:bold; 
    color:pink;
}
选择器分类

css选择器主要分为三类:标签名选择器、类选择器、ID选择器、通用选择器、伪类选择器和复合选择器

  1. 标签名选择器

    div { color:Red;}         即页面中的各个标签名的css样式
    

2.类选择器 .

     divClass {color:Red;}       即定义的每个标签的class 中的css样式

3.ID选择器

    #myDiv  {color:Red;}        即页面中的标签的id

4.通用选择器

    *.divClass { color:Red;}   其自动指代“所有标签”,即所有标签都应用该属性设置

5.伪类选择器

   a:link {color:Red}   

下面是我做的css练习

QQ截图20171018170619.png

这个是效果图

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

推荐阅读更多精彩内容