软件网站开发评估,ps5如何定制网络,app大全,表格制作认识CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)”#xff0c;它主要是用于定义HTML内容在浏览器内的显示样式#xff0c;如文字大小、颜色、字体加粗等。
如下列代码#xff1a;
p{font-size:12px;color:red;font-weight:bold;
}
使用CSS样式的一个好处是…认识CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)”它主要是用于定义HTML内容在浏览器内的显示样式如文字大小、颜色、字体加粗等。
如下列代码
p{font-size:12px;color:red;font-weight:bold;
}
使用CSS样式的一个好处是通过定义某个样式可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title认识CSS样式/title
style typetext/css
p{font-size:20px;/*设置文字字号*/color:red;/*设置文字颜色*/font-weight:bold;/*设置字体加粗*/
}
/style
/head
body
p超酷的互联网、IT技术免费学习平台创新的网络一站式学习、实践体验服务及时贴心内容专业、有趣易学。专注服务互联网工程师快速成为技术高手/p
/body
/html
运行结果 CSS样式的优势
为什么使用css样式来设置网页的外观样式呢右边编辑器是一段文字我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色这时就 可以通过设置样式来设置而且只需要编写一条css样式语句。
第一步把这三个短语用span/span括起来。见右边代码编辑器13行
第二步写入下列代码见右边代码编辑器7-8行
span{color:red;
}
观察结果窗口文字的颜色是否变为红色了。
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
titleCSS样式的优势/title
style typetext/css
span{color:blue;
}
/style
/head
bodyp慕课网span超酷的互联网/span、IT技术免费学习平台创新的网络一站式学习、实践体验span服务及时贴心/span内容专业、span有趣易学/span。专注服务互联网工程师快速成为技术高手/p
/body
/html
运行结果