美文网首页
前端视频-day3(2)

前端视频-day3(2)

作者: Miio_ | 来源:发表于2017-10-18 17:41 被阅读0次

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

相关文章

网友评论

      本文标题:前端视频-day3(2)

      本文链接:https://www.haomeiwen.com/subject/nkywyxtx.html