CSS随手记
三种引入方式
css层样式表(英文全称:(cascading style Sheets)能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,简单来说,美化页面
行内式
通过元素的style属性引入样式
语法:style=”样式名:样式值;样式名:样式值:… …
缺点:代码复用度低;css样式代码和html结构代码交织在一起
内嵌式
通过在head标签中的style标签定义本页面的公共样式
通过选择器确定样式的作用元素
外部样式表
将css代码单独放入一个.css文件中,哪个html需要这些代码就在head中通过link标签引入
<link href="css/btn.css" rel="stylesheet"> |
三大选择器
元素选择器
根据标签的没名字确定样式作为元素
语法:标签名{}
缺点:某些同名的元素不希望使用某些样式
ID选择器
根据标签的id值确定样式的作用元素
缺点:id值有唯一性,只能作用于一个元素
class选择器
根据元素的class书信那个值确定样式的作用元素
元素的的class属性值可以重复而且一个元素的class属性可以有多个值
语法: .class属性值{}
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 MikannseのSekai!
评论
ValineDisqus