网站调用wordpress,备案期间网站关闭,网站建设优质公司,hao123网址之家官网电脑版使用CSS控制网页格式有行内法#xff0c;内嵌式#xff0c;链接式#xff0c;导入式等方法
这里将采用内嵌式的方法书写
内嵌法就是通过style标记将样式定义在HTML的文件头部中
1.标记选择器
标记选择器特点#xff1a;定义了标记选择器之后#xff0c;网页中…使用CSS控制网页格式有行内法内嵌式链接式导入式等方法
这里将采用内嵌式的方法书写
内嵌法就是通过style标记将样式定义在HTML的文件头部中
1.标记选择器
标记选择器特点定义了标记选择器之后网页中该标记的样式均会发生改变
样例
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle/* 标记选择器 */h1{/* 居中 */text-align: center;}p{/* 设置字的大小 */font-size:50px;}/style
/headbodyh1你好/h1pYor cant park your car here./p
/body
/html
效果 2.class选择器
class选择器别称类选择器选择器以英文句号开始后面再加英文单词
样例 效果 3ID选择器
ID选择器是以#开始的选择器定义之后需要设置id属性才可以应用样式
样例 效果 全部代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle/* 标记选择器 */h1{/* 居中 */text-align: center;}p{/* 设置字的大小 */font-size:50px;}/* class选择器 */.p1{text-align: left;}.p2{text-align: center;}.p3{text-align: right;}/* ID选择器 */#id1{/* 设置一个盒子宽700px 高400px */width: 700px;height: 400px;/* 边框厚度 线框线的类型 线框颜色 */border: 5px solid red;}/style
/headbodyh1你好/h1pYor cant park your car here./pdiv idid1!-- class选择器当修改了类选择器之后只有应用此类选择器的标记样式才可以发生变化 --p classp1dragon/pp classp2rabbit/pp classp3tiger/p/div/body
/html
整体效果
