css标签小结

复合选择器总结

后代选择器 用来选择后代元素 符号是空格 div p 使用较多

子代选择器 只能选择最近一级子元素 符号是大于号 div>p 使用较少

并集选择器 选择相同样式的元素 可以用于集体声明 符号是逗号 div,p,a 使用较多

链接伪类选择器 选择不同状态的链接 重点记住 悬停时关键词 a:hover 其余为link visited active 顺序为lvha,不可以打乱

:focus选择器 选择获得焦点的表单 input:focus {} 更改获得焦点时input的样式


元素显示模式总结

块元素与内联元素互相转换

display:block  块转内联

display:inline 内转块

display:inline-block  行内块元素


背景总结

background-color 背景颜色  预定义的颜色值、十六进制、rgb代码

background-image 背景图片 url(图片路径)

background-repeat 是否平铺 repeat/no-repeat/repeat-x/repeat-y

background-position 背景位置 length/position x坐标 和y坐标

background-attachment 背景附着 scroll背景滚动 fixed背景固定

背景简写 书写更简单 背景颜色 背景图片地址 背景平铺 背景滚动 背景位置

背景色半透明 背景颜色半透明 background:rgba(0,0,0,0.3); 后面必须是4个值

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

推荐阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,539评论 0 6
  • CSS 规则 css 语法:选择器 、一条或者多条声明(css属性) CSS引入方式 1. 行内式 通过sty...
    青青玉立阅读 3,744评论 0 0
  • 学习目标 复合选择器后代选择器并集选择器 标签显示模式 CSS 背景背景位置 CSS 三大特性优先级 1. CSS...
    jovelin阅读 3,318评论 0 0
  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 4,971评论 0 1
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,169评论 1 4