CSS层叠样式表的三种使用方法

 时间:2024-10-13 17:35:46

1、CSS层叠样式表是用来渲染HTML网页,可以更改颜色、字体、位置等等属性,在HTML网页中有内联式、嵌入式、外联式三种使用CSS的方法,打开PyCharm开发工具,新建‘csstest.html’文件,写入代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css</title></head><body> <div style="color:red"> 红色div </div></body></html>

CSS层叠样式表的三种使用方法

3、嵌入式css一般在head标签内,单独写一个style标签,通过选择器关联到指定的元素,这里测试标签选择器,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css</title> <style> div { color:red; font-size:200px; } </style></head><body> <div > 红色div </div></body></html>

CSS层叠样式表的三种使用方法

5、实际中用的更多的事属性选择器,即给要添加样式的标签class属性,再写这个属性的样式,如下代码:<!DOCTYPE html><html lang="稆糨孝汶;en"><head> <meta charset="UTF-8"> <title>css</title> <style> .a { color:red; font-size:200px; } </style></head><body> <div class="a"> 红色div </div></body></html>

CSS层叠样式表的三种使用方法

7、在‘csstest.html’同级文件目录新建文件‘my.css’层叠样式文件,并写代码如下:.a { color:red; font-size:200px;}在浏览器中查看页面效果依然和步骤4一致,以上就是css的基本使用方法。

CSS层叠样式表的三种使用方法
  • Dreamweaver cs5怎么设置站点
  • Dw CC 2018显示怎么设置警告
  • 如何用css实现用一张图片做出两张图片的效果
  • css如何设置表格只有底部线
  • HTML怎么给文字添加下划线,以及设置大小写字体
  • 热门搜索
    文昌旅游攻略 南靖土楼旅游攻略 旅游观光车价格 越南岘港旅游攻略 旅游体验师招聘 松原旅游 走途旅游网 河北省旅游景点大全 山西省旅游地图 去香港旅游攻略