CSS1

 

样式规则是使用/*需要注释的内容*/进行注释的。

行内样式:HTML标签直接使用style属性,称为行内样式(Inline Style)。<input style="border:3px solid blue" name="uname" type="text">
在使用行内样式的过程中,建议同学们在<head>标签中添加<meta>标签,添加的<meta>标签如下:
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
内嵌样式表:是在<head>标签内添加<style></style>标签对,在标签对内定义需要的样式。
<head>
<style type=“text/css”>
td {
    font-size:9pt;color:red
   }
.font105 {
         font-size:10.5pt;color:blue
         }
</style>
</head>
内嵌样式选择器
HTML 选择器
CLASS 类选择器
ID 选择器
HTML标签选择器:在HTML页面中使用的标签,如果在CSS中被定义,那么此网页的所有该标签都将按照CSS中定义的样式显示。
类选择器:使用HTML标签的class属性引入CSS中定义的样式规则的名字,称为类选择器,class属性指定的样式名字必须是以“.”开头。
ID选择器:ID属性是用来定义某一特定的HTML元素,与class属性刚好相反,class属性是用来定义一组功能或格式相同的HTML元素。ID选择器定义的CSS名称必须以“#”开头,

外部样式
链接(LINK )外部样式表
导入(import)外部样式表
外联样式表:是将<style>标签内的样式语句定义在扩展名为.css的文件中。通过使用<link>标签引入样式文件。
例如,<head> 
<link href="mystyle.css" rel="stylesheet" type=“text/css">
</head>

对于某个HTML标签:
1)如果有多种样式,如果规定的样式没有冲突,则叠加;
2)如果有冲突,则最先考虑行内样式表显示,如果没有,再考虑内嵌样式显示,如果还没有,最后采用外面样式表显示,否则就按HTML的默认样式显示.


设置字体——font-family:宋体...;
设置字号——font-size:20px;
设置字体样式——font-style:normal正常|italic斜体|oblique斜度更大;
设置字体加粗——font-weight:normal正常|bold粗体|bolder加粗体|lighter细体|100-900渐粗;
设置字体变体——font-variant:normal正常的字体|small-caps英文字体显示为小型的大写字母;


调整字符间距——letter-spacing:normal间距正常显示|长度数字px;
调整单词间距——word-spacing:normal间距正常|长度数字px;
添加文字修饰——text-decoration:underline下划线|oveline上划线|line-through删除线|blink文字闪烁|none没有修饰;
设置文本排列方式——text-align:left左对齐方式|right右对齐方式|center居中对齐方式|justify两端对齐方式;
设置段落缩进——text-indent:长度值和长度单位px|百分比相对上一级元素的宽度而定;
调整行高——Line-height:normal默认的行高|数字 行高为该元素字体大小与该数字相乘的结果|长度 行高由长度值和长度单位确定|百分比 高是该元素字体大小的百分比;
转换英文大小写——text-transform:uppercase所有大写|lowercase所有小写|capitalize单词首字母大写|none默认;


 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值