HTML 中CSS中STYLE 的ID有什么扩展功能?

html-css0148

HTML 中CSS中STYLE 的ID有什么扩展功能?,第1张

HTML中调用 CSS 样式有以下几种

1.内联方式 直接在标签里面写 style="样式:值" 这种优先级最高

2.class方式 在标签里写 class="className",这就调用了 .className的样式

3.ID方式 在标签里写 id="idName",这就调用了 #idName 的样式

另外 css 的样式功能相当强大,除了字体属性之外,还有

布局

边框

内外补丁(其实就是边距)

IE下还支持滤镜

等等

想学的话可以上网去找本电子书看看

1、制作模糊文字效果1、新建05.html的文件插入一个1行1列的表格，边框和边距全部设置为0。然后在表格中输入要修饰的文字。2、打开CSS样式面板，创建一个CSS样式，在弹出的“新建样式对话框”做如下设置。3、设置完成后，单击“确定”按钮弹出“CSS样式定义”对话框，在类型设置区域中设置：大小：60，字体：黑体，粗细：粗，颜色：＃FF9900。4、要产生文字特效，最重要的是在扩展设置区域中进行特殊设置。Blur滤镜产生像被风吹一样的模糊效果。打开滤镜选项的下拉菜单，对Blur滤镜进行设置：Blur(Add=?, Direction=?, Strength=?)Add参数是一个布尔值，一般来说，当滤镜用于图片时取0，用于文字时取1。“Direction=?”模糊方向，以45度为单位改变，“0”为垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改变。这里我们设置Direction=90。Strength代表模糊移动值，单位为像素。我们设置Strength=180。设置完成后，点击“确定”。5、在文档编辑区选中文字所在单元格，在属性面板设置文字的样式为.test。保存文件，按F12预览效果。在只有HTML的时代，只能实现简单的网页效果。有了CSS样式，网页排版发生了翻天覆地的变化，在Dreamweaver8里，使用CSS样式是如此的简单，而制作出来的效果可以如此的炫目。

应用程序中转换。LESS是一种动态样式表语言，扩展了CSS的功能，Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性。在小米官网中，在应用程序中完成css转less，使CSS更易维护和扩展。