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

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

 

CSS的四种引入方式:

    
css的四种引入方式
1.行内式

3.链接式

3.链接式

View Code

 

CSS选择器:

    四个基本选择器:

    
四个基本选择器

标签选择器

标签选择器

id选择器

class选择器

class选择器

View Code

    层级(组合)选择器

层级选机器

p4

p1

p2

p3

p4

d1 d2
View Code

    属性选择器

    
属性选择器
aaaa
eeee egon span
bbbb
cccc
dddd
aaaa
aaaa
aaaa
View Code

    伪类选择器

    
伪类选择器
hello world
good evening
View Code

 

    
伪类选择器hover应用
伪类选择器hover的应用

 

选择器的优先级

    
选择器的优先级
View Code

 

 选择器的继承

    
继承
d1
d2
View Code

 

 

CSS属性操作:

文本属性操作:

    
文本属性操作
hello worldhello worldhello worldhello worldwwwhello worldhe llo worldhvvfello wohello worldhello worldhello worldhello wor ldhello worldhello wohaaaaello worldhello worldhello worrrrldhello worldhello worldhello woh worldhelndfblo worldhello woaarldhe llo worldhello worlfevvdhello wohello worldhello worldhello wor hello worldhello world
click
DIV
View Code

背景属性操作:

    
背景属性操作
hello world
View Code

边框属性操作:

    
边框属性操作
View Code

 

列表属性操作:

    
列表属性操作
  • 111
  • 222
  • 333
View Code

display属性操作:

    
dispaly属性 span
div
div
View Code

内外边距:

    
内外边距
asd
View Code

外边距margin的居中应用:

    
margin的居中应用
hello
View Code

float 浮动属性:

    
float浮动
View Code

position定位属性--fixed

    
position定位属性
返回顶部
View Code

 

position定位属性--relative,absolute

    
Title
View Code

 

转载于:https://www.cnblogs.com/yizhixiaowenzi/p/8192356.html

你可能感兴趣的文章
程序的静态链接,动态链接和装载 (补充)
查看>>
关于本博客说明
查看>>
python常用模块之sys, os, random
查看>>
HDU 2548 A strange lift
查看>>
Linux服务器在外地,如何用eclipse连接hdfs
查看>>
react双组件传值和传参
查看>>
[Kaggle] Sentiment Analysis on Movie Reviews
查看>>
价值观
查看>>
mongodb命令----批量更改文档字段名
查看>>
MacOS copy图标shell脚本
查看>>
国外常见互联网盈利创新模式
查看>>
Oracle-05
查看>>
linux grep 搜索查找
查看>>
Not enough free disk space on disk '/boot'(转载)
查看>>
android 签名
查看>>
android:scaleType属性
查看>>
mysql-5.7 innodb 的并行任务调度详解
查看>>
shell脚本
查看>>
Upload Image to .NET Core 2.1 API
查看>>
Js时间处理
查看>>