css基础语法和选择器的使用_html/css_WEB-ITnose
css语法
selector{
property:value
}
例:h1{color:red; font-size:14px}
属性大于1个之后,属性之间用分号隔开
如果值大于1个单词,则需要加上引号
p{font-family:"sans serif";}
选择器分组:
h1,h2,h3,h4,h5,h6{color:red;}
继承:
body{
color:green;
}
css-派生选择器
通过依据元素在其位置的上下文关系来定义样式
css-id选择器
id选择器可以为标有id的HTML元素指定特定的样式
id选择器以“#”来定义
id选择器常常用于建立派生选择器
css-类选择器
类选择器以一个点显示
class也可以用作派生选择器
css-属性选择器
对带有指定属性的HTML元素设置样式
属性和值选择器
body{ color:red;}h1,h2,p{ color: bisque;}/*派生选择器*/li strong{ color: black;}strong{ color: blue;}/*id选择器*/#divId{ color: brown;}/*id选择器和派生选择器一起作用*/#pid a{ color: crimson;}/*类选择器*/.pclass{ color: chartreuse;}/*类选择器派生选择器一起作用*/.divclass a{ font-size: 100px; color: black;}/*属性选择器*/[title]{ color: chartreuse; font-size: 50px;}/*属性和值选择器*/[title=te]{ color: chocolate; font-size: 10px;}
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link href="myCss.css" type="text/css" rel="stylesheet"></head><body><p>aaaaa</p><h1 id="">123</h1><a>aaaaaaa</a><!--派生选择器--><p><strong>p标签hello css</strong></p><ul> <li><strong>li标签hello css</strong></li></ul><!--id选择器和派生选择器一起作用--><p id="pid">hello css <a href="http://www.baidu.com">baidu</a></p><!--id选择器的使用--><div id="divId"> 这是一个div</div><!--类选择器的使用--><p class="pclass">这是一个class效果</p><div class="divclass"> Hello Div <a href="http://www.baidu.com">baidu</a></div><!--属性选择器的使用--><p title="t">属性选择器的使用</p><!--属性和值选择器的使用--><p title="te">属性和值选择器的使用</p></body></html>

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。
