CSS笔记

2021-06-11 17:02

阅读:409

标签:文件   内容   切换   ext   扩展   结构   我的妈妈   tle   type   

CSS的作用:
  1.把内容和样式分离,页面结构清晰,

  2.易于功能扩展和开发维护,提高开发效率

  3.设计师设计时更有效率

  5.整个站点保持视觉的一致性。

  6.所有主流浏览器都支持。

CSS的选择器:

1.目前主流浏览器都支持选择器样式的继承

2.内嵌样式的设置弊端:只能设置本页面的样式,不能复用。

3.id派生元素选择器, 元素派生id选择器。

4.派生举例,京东网动态的切换页面,不是刷新页面。通过id得到那个元素,
然后把里边的组件改了一下。(就像Java的标签面板一样)

5.id选择器只能设置一个样式, 元素选择器可以一次设置多个样式,
类选择器是根据需要来设置样式。(三种选择器都支持派生)
此外:属性选择器: 我的妈妈
[title] {
 color:red;

}

6.一般设置width 或者 height 是个例如:div的内容设置的宽, 高, 而不是
给div设置的。不会受边距的影响。

7.引入CSS四种方式
行内样式

段落文本

内嵌样式

外部导入

外部链接

style = "background-color:red; color:blue; font-family:"楷体";";
优先级:行内 > 内嵌 > 外链

8.关于派生:
id可以派生元素选择器,派生的意思就是子节点
元素选择器派生id选择器,元素下的子元素id为样式派生id

9.padding:内容和div的距离
 margin:div框和页面的距离
设置宽和高是给div中的内容设置,而不是div框

CSS笔记

标签:文件   内容   切换   ext   扩展   结构   我的妈妈   tle   type   

原文地址:http://www.cnblogs.com/StephenChowcai/p/7291192.html

上一篇:读js语言精粹收获

下一篇:JS笔记—01


评论


亲,登录后才可以留言!