首页 > Web开发 > 详细

css-1

时间:2019-03-01 13:31:40      阅读:161      评论:0      收藏:0      [点我收藏+]

css
1、概念 原理
2、具体的样式
一般样式 背景 字体 文本
盒子模型 边框 边距
布局(难点):定位 浮动
css3 动画 过度

html结构 css美化 js交互
css 层叠样式表 美化页面
在哪写?
内嵌(行内)(不推荐使用,但优先级最高)
写在标签里面,以属性的形式表现 <style>

内联(少量样式使用)
写在<head>标签里面,以标签的形式表现 <style>

外部引用
写在<head>标签里面,以标签的形式表现,标签名<link>
<link rel="stylesheet" href="***.css"> 属性必须要填,引用的文件是css属性

内联和外部引用要用到选择器,选择器:用来找标签,把指定的样式应用在找到的标签上

样式格式:样式名:样式值;

选择器
通用选择器:*号 所有标签
1、标签选择器 根据标签名来找
2、id选择器 根据id值来找 #id值
id属性在当前文件里面是唯一的
3、class选择器 根据class值来找 .class值
class的值可以有多个

4、其他
并列 两个选择器用一个样式,用逗号分隔 {选择器1,选择器2 (样式)}
子类 在选中的标签中找 空格

5、属性选择器【属性名=‘属性值’】

优先级:就近原则(相同样式,相同选择器) 不同选择器 权值(权值越大,优先级越高)
权值: 行内选择器1000 id选择器100 class选择器10 标签选择器1 通用选择器0


背景:
background-color 背景颜色
background-image 图片 路径url
html中的图片路径从HTML文件开始找 css中的图片路径从css文件开始找
js中的图片路径从引入该js文件的HTML文件开始找
background-repeat 图片平铺方式

background-position 位置

文本;
color 颜色
text-align 对齐
text-indent 缩进
line-height 设置行高

css-1

原文:https://www.cnblogs.com/mmzz3322/p/10455710.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!