博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css学习笔记
阅读量:5310 次
发布时间:2019-06-14

本文共 912 字,大约阅读时间需要 3 分钟。

css是对html的具体的标签进行完善

css和html结合方式

1,每一个html标签中都有一个style样式属性,该属性的值就是css代码

 

2,使用style标签的方式,一般定义在head中,先加载到内存中

3,使用css的@import语句导入css文件

1 
其中cssDemo.css文件就是方式1中的<style>中的内容。

4,使用link链接css样式表

在<head>中加入链接语句

选择器种类

1,html标签选择器

2,类选择器 使用标签中的class属性 eg: div.class名 优先级高于div直接定义的 数量越少的优先级越高

3,id选择器 使用标签中的id属性 eg:div#id名 使用方法和类选择器一样 优先级高于类选择器

  id取值在页面中是唯一的 id通常是为了标识页面中的一些特定区域时用的

4,扩展选择器

   a.关联选择器:理解为目录结构即可

   b.组合选择器:

   c.伪元素选择器

优先级:标签选择器<类选择器<id选择器<style属性

      CssDemo.html                 

伪元素选择器演示

ID选择器区域
这是div
区域1
这是div区域2
这是div3区域
这是div4区域
这是span区域1 这是span区域2

这是段落1

这是段落2

 

 

 overflow属性:超出给定范围的部分的显示方式

  visible:可见

  auto:

  hidden:

  scroll:

 display属性

  none:不显示

  block:显示,长度不够自动换行。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

待续。。。。。。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
 
 

转载于:https://www.cnblogs.com/mxck/p/6814996.html

你可能感兴趣的文章
属性动画
查看>>
标识符
查看>>
给大家分享一张CSS选择器优选级图谱 !
查看>>
Win7中不能调试windows service
查看>>
通过httplib2 探索的学习的最佳方式
查看>>
快来熟练使用 Mac 编程
查看>>
Node.js 入门:Express + Mongoose 基础使用
查看>>
一步步教你轻松学奇异值分解SVD降维算法
查看>>
使用pager进行分页
查看>>
UVA - 1592 Database
查看>>
Fine Uploader文件上传组件
查看>>
javascript中的传递参数
查看>>
objective-c overview(二)
查看>>
python查询mangodb
查看>>
consonant combination
查看>>
驱动的本质
查看>>
Swift的高级分享 - Swift中的逻辑控制器
查看>>
Swagger简单介绍
查看>>
Python数据分析入门案例
查看>>
vue-devtools 获取到 vuex store 和 Vue 实例的?
查看>>