宣城网站建设jidela,上海十大装修公司口碑排名,wordpress enfold主题,做房产网站能赚钱吗目录标题一、css是什么#xff1f;二、css的书写方式1、行内样式【不推荐使用#xff0c;太固定】2、页面样式#xff08;又叫内联样式#xff09;3、外联样式【店家推荐】4、import与link标签的区别一、css是什么#xff1f;
css(cascade style sheet)是用来装饰和装扮页…
目录标题一、css是什么二、css的书写方式1、行内样式【不推荐使用太固定】2、页面样式又叫内联样式3、外联样式【店家推荐】4、import与link标签的区别一、css是什么
css(cascade style sheet)是用来装饰和装扮页面的。
二、css的书写方式
1、行内样式【不推荐使用太固定】
它写在html代码里面的
!DOCTYPE html
html langen
headmeta charsetUTF-8titlecss书写方式/title
/head
bodydiv stylecolor:red;font-size: 30px;这里是/div!--样式颜色为红色字体大小为30像素 --
/body
/html2、页面样式又叫内联样式
【可以共用样式但是多个页面就比较麻烦】 它是单独写在style标签里面的
!DOCTYPE html
html langen
headmeta charsetUTF-8titlecss书写方式/titlestylediv {color: darkred;}/style
/head
bodydiv stylecolor:red;font-size: 30px;这里是/div!--样式颜色为红色字体大小为30像素 --div这些都是/divdiv这些都是/div
/body
/html3、外联样式【店家推荐】
这个就是有单独的css文件在css文件中把样式写好在导进html页面中
div {color: darkred;
}!DOCTYPE html
html langen
headmeta charsetUTF-8titlecss书写方式/titlelink relstylesheet hrefcss文件/index.css!-- 使用link标签引入需要的css文件 --
/head
bodydiv这些都是/divdiv这些都是/div
/body
/html4、import与link标签的区别
import url(xxx.css)
link relstylesheet hrefcss文件/xxx.css前者是css指令后者是html标签。前者实现css资源共享就是css里面导入css后者是将css导入页面。
