css心得

来源:互联网 发布:网络销售的工作怎么样 编辑:程序博客网 时间:2024/06/03 07:31

Css作用:对HTML的样式进行操作,对页面内容与样式分离更好的控制

在css中选择器的种类:元素选择器、ID选择器、类选择器、组合选择器

ID选择器:用#+id表示队选中元素进行操作

类选择器:用.+名称

组合选择器:用空格来链接 如:ul li:这个是对无序列表ul下的li子元素进行操作

在CSS里面:最重要的两个属性float(浮动属性)、position(定位属性)

注:任何有功能性的标签都有float属性

如:ul li ol dl dt dd  p hr 等等标签都有

在css里面可以控制HTML里面任意元素,任意元素都是个容器,都有宽高

如:

float浮动属性:浮动属性会打破原来的文本流(可以理解为浮动属性就是构建了一个平行与文本档的另一个文档)

position定位属性:一样也是打破原来的文本流实现定位的

注:为啥说构建了另外一个平行文档一下面案例来解释


当p标签浮动,h5标签不浮动,p标签会覆盖h5标签

盒子模型跟表格有点内似:

     盒子模型有几个属性:margin外边距、padding内边距

     内边距:举个例子,所有内容都是在body里写的,那么body的内边距就是空白处,就是没有被内容填充的

     外边距:两个不嵌套的div之间的距离

 *注:写css的方式有 内联、外联、嵌入

内联:是直接在标签里面规定属性样式:<p style="xxxxxxx">

嵌入式:就是在head标签里写样式:  <style></style>

外联:外联需要建一个以xxx.css样式的外部文件,并且要用<link>标签指明外部文件

原创粉丝点击